搜 索

分享一些网页制作过程中比较实用的js特效代码

编辑:QTOOL.NET日期:2019-02-1449

给大家介绍一些制作网页过程中比较常见且实用的js代码.
1、显示当前的显示器屏幕分辨率
document.write('您的显示器分辨率为:\n' + screen.width + '*' + screen.height + ' pixels');
显示器分辨率测试
2、屏蔽键盘Shift键,Alt键与Ctrl键
 function pb(){ 
 if(event.shiftKey) 
 alert("禁止按Shift键!"); 
 if(event.AltKey) 
 alert("禁止按alt键!"); 
 if(event.CtrlKey) 
 alert("禁止按Ctrl键!"); 
 } 
 document.onkeydown=pb; //加载pb()函数
3、防止页面被iframe调用
<!-- 
 if (top.location != self.location)top.location=self.location;
 // -->
4. 获取页面浏览器窗口的大小
 document.body.clientWidth;  //宽度
 document.body.clientHeight;//高度
 
5. 禁止js脚本报错
 <!-- Hide 
 function kErrors() { return true;} 
 window.onerror = kErrors; 
 // --> 
6、 光标是停在文本框文字的最后
 
 function fou()
 {var fo = event.srcElement;
 var ff =fo.createTextRange();
 ff.moveStart(`character`,fo.value.length);
 ff.collapse(true);
 ff.select();
 }
input type=text name=text1 value="zzzzz" onfocus="fou()"
7、输入框输入自动提示默认文字代码
input name="keyword"  type="text"  value="请输入内容" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}"
 
8、无缝滚动首尾相连循环滚动效果
在body中加入
<MARQUEE behavior="scroll" scrollamount="3" width="100" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" ><span unselectable="on">在线工具无缝滚动代码</span></MARQUEE>
<div id="bjscroll" style="white-space:nowrap;overflow:hidden;width:300px;"><span>无缝滚动的内容</span></div>
在script language="javascript"完整标签中加入 
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//滚动条到右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//滚动条滚动到初始内容的宽度时,则滚动条自动回到默认最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval("scroll(document.getElementById('bjscrollo'))",20);
//此段代码仅在ie中有效
9、实现图片透明度变化
在script中加入:
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
在img标签中添加:
img src="此为图片地址" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)"
以上就是一些实用的js代码,可以实现一些常见的网页特效效果.

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签