js小技巧

　　setTimeout( "[执行的脚本   必须是字符串] ",[延时时间毫秒])
　　function   setFocus3(i,n) 
　　{ 
　　setTimeout(selectLayer3(i),n*1000); 
　　} 
　　function   selectLayer3(i) 
　　{ 
　　switch(i) 
　　{ 
　　case   1: 
　　document.getElementById( "pic10 ").style.display= "block "; 
　　document.getElementById( "pic11 ").style.display= "none "; 
　　break; 
　　case   2: 
　　document.getElementById( "pic10 ").style.display= "none "; 
　　document.getElementById( "pic11 ").style.display= "block "; 
　　break; 
　　} 
　　} 
　　按钮由图片代替：
　　  仅用于提交(submit)
　　大小写变化：
　　Object.value=value.toUpperCase()
　　Object.value=value.toLowerCase() 
　　div跟着鼠标的位置进行动态显示
　　
　　
　　 New Document 
　　
　　//在鼠标显示一个层，该层的内空为div2的内容
　　function showTip(){
　　var div3 =  document.getElementById('div3'); //将要弹出的层
　　div3.style.display="block"; //div3初始状态是不可见的，设置可为可见
　　//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
　　//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
　　div3.style.left=event.clientX+10;  //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
　　div3.style.top=event.clientY+5; 
　　div3.style.position="absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动
　　var div2 =document.getElementById('div2');
　　div3.innerText=div2.innerHTML;
　　}
　　//关闭层div3的显示
　　function closeTip(){
　　var div3 =  document.getElementById('div3');
　　div3.style.display="none";
　　}
　　//控制层div2显示的开关
　　function switchDIV(){
　　if(div2.style.display=='block'){
　　div2.style.display='none';
　　}
　　else{
　　div2.style.display='block';
　　}     
　　}
　　
　　
　　
　　链接
　　
　　我是在div2里面的一句话!
　　
　　
　　
　　 
　　 
　　类似于colorBox的显示操作
　　
　　
　　
　　
　　
　　
　　#login{
　　position: relative;
　　display: none;
　　top: 20px;
　　left: 30px;
　　background-color: #ffffff;
　　text-align: center;
　　border: solid 1px;
　　padding: 10px;
　　z-index: 1;
　　}
　　  var W = screen.width;//取得屏幕分辨率宽度
　　var H = screen.height;//取得屏幕分辨率高度
　　//判断浏览器是否为IE
　　function isIE(){
　　return (document.all && window.ActiveXObject && !window.opera) ? true : false;
　　} 
　　//取得页面的高宽
　　function getBodySize(){
　　var bodySize = [];
　　with(document.documentElement) {
　　bodySize[0] = (scrollWidth>clientWidth)?scrollWidth:clientWidth;/ /如果滚动条的宽度大于页面的宽度，取得滚动条的宽度，否则取页面宽度
　　bodySize[1] = (scrollHeight>clientHeight)?scrollHeight:clientHeig ht;//如果滚动条的高度大于页面的高度，取得滚动条的高度，否则取高度
　　}
　　return bodySize;
　　}
　　//创建遮盖层
　　function popCoverDiv(){
　　if (document.getElementById("cover_div")) {
　　//如果存在遮盖层，则让其显示 
　　document.getElementById("cover_div").style.display = 'block';
　　} else {
　　//否则创建遮盖层
　　var coverDiv = document.createElement('div');
　　document.body.appendChild(coverDiv);
　　coverDiv.id = 'cover_div';
　　with(coverDiv.style) {
　　position = 'absolute';
　　background = '#CCCCCC';
　　left = '0px';
　　top = '0px';
　　var bodySize = getBodySize();
　　width = bodySize[0] + 'px'
　　height = bodySize[1] + 'px';
　　zIndex = 0;
　　if (isIE()) {
　　filter = "Alpha(Opacity=60)";//IE逆境
　　} else {
　　opacity = 0.6;
　　}
　　}
　　}
　　}
　　//让登陆层显示为块 
　　function showLogin()
　　{
　　var login=document.getElementById("login");
　　login.style.border="3px solid #0099ff";
　　login.style.display = "block";
　　}
　　//设置DIV层的样式
　　function change(){
　　var login = document.getElementById("login");
　　login.style.position = "absolute";
　　login.style.border = "1px solid #CCCCCC";
　　login.style.background ="#F6F6F6";
　　var i=0;
　　var bodySize = getBodySize();
　　login.style.left = (bodySize[0]-i*i*4)/2+"px";
　　login.style.top = (bodySize[1]/2-100-i*i)+"px";
　　login.style.width =      i*i*4 + "px";
　　login.style.height = i*i*1.5 + "px";
　　popChange(i);
　　}
　　//让DIV层大小循环增大
　　function popChange(i){
　　var login = document.getElementById("login");
　　var bodySize = getBodySize();
　　login.style.left = (bodySize[0]-i*i*4)/2+"px";
　　login.style.top = (bodySize[1]/2-100-i*i)+"px";
　　login.style.width =      i*i*4 + "px";
　　login.style.height = i*i*1.5+ "px";
　　if(iaaa
　　}
　　//关闭DIV层
　　function closel(){
　　alert('close');
　　document.getElementById('login').style.display = 'none';
　　document.getElementById("cover_div").style.display = 'none';
　　void(0);
　　}
　　function a(){
　　alert(document.getElementById("ddd").value);
　　}
　　
　　
　　
　　登陆

　　打开腾讯
　　关闭
　　
　　
　　
　　用户登陆
　　
　　用户名: