QQ 1640076782

2014年10月30日

各种js特效

Filed under: 英语网站设计 — 标签:, , — limeng @ 1:40 上午

1.文档预览效果,也就是跳转到了另一个页面。

<script language=”javascript” type=”text/javascript”>
location.href=”Default.aspx”;
</script>

Default.aspx为同级目录下跳转到的文件

2.上传文本域代码

<div style=”margin-top:14px;”>
<a href=”upload.asp” style=”text-decoration:none; font-weight:bold; color:#0066CC; font-size:14px;” title=”上传成功,点此重新上传。”>上传成功,点此重新上传。</a>
</div>

<div>
<form action=”upload.php” method=”post” enctype=”multipart/form-data” target=”upload” id=”upfrm”>
<input type=’text’ name=’textfield’ id=’textfield’ class=’txt’ />
<input type=’button’ class=’btn’ value=’自定义浏览按钮文字’ />
<input type=”file” accept=”application/msexcel” name=”filexls” id=”filexls” size=”28″ onchange=”document.getElementById(‘textfield’).value=this.value.split(‘\\’)[this.value.split('\\').length-1]” />
<input type=”submit” name=”submit” value=”自定义上传按钮文字” />
</form>

效果如下图

这种特效一般在网站里面用的比较少,如果您有需要,可以参考参考这种,直接复制粘贴过去即可。

3.屏蔽js报错

网站中由于任何情况,可能造成js报错,这样会对网站照成很大影响,下面的方法可以直接屏蔽掉,很简单的代码。

<SCRIPT LANGUAGE=”JavaScript”>
<!–
function killErrors() {
return true;
}
window.onerror = killErrors;
// –>
</SCRIPT>

4.文字循环向上滚动

<script language=”javascript” type=”text/javascript”>
<!–
var demo = document.getElementById(“demo”);
var demo1 = document.getElementById(“demo1″);
var demo2 = document.getElementById(“demo2″);
var speed=30;
var nnn=200/demo1.offsetHeight;
for(i=0;i<nnn;i++){demo1.innerHTML+=”<br />”+ demo1.innerHTML}
demo2.innerHTML = demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed);
demo.onmouseover = function(){clearInterval(MyMar)}
demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}
–>
</script>

var speed=30;   滚动速度值,值越大速度越慢

demo2.innerHTML = demo1.innerHTML  克隆demo2为demo1

if(demo2.offsetTop-demo.scrollTop<=0)   当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight    demo跳到最顶端

demo.scrollTop++     如果是横向滚动 将 所有的 height top 改成 width left

var MyMar = setInterval(Marquee,speed);        设置一个定时器
demo.onmouseover = function(){clearInterval(MyMar)}    当鼠标经过时清除定时器达到滚动停止的目的
demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}   鼠标移开时重设定时器

滚动方向可以根据自己的需要随意改变。

如果您有更好的js特效,可以跟我互相交流,谢谢!