文章来源：N搜网-中国网上商店商品服务搜索门户 WWW.NSALL.COM12、百页窗效果
说明： 进入页面时，页面产生百页窗似的的效果
代码：
class="helpor_net">
id="i6" class="helpor_net">
13、有滚动的文字说明
说明：鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明
代码：
把鼠标放上来试试
14、图片跟随着鼠标
说明：图片跟随着鼠标，最好把图片做成透明的，那样效果更好
代码：
var image="../images/helpor.gif"
var newtop=15
var newleft=15
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
function helpor_net() {
layerName = ’iit’
eval(’var curElement=’+layerRef+’["’+layerName+’"]’)
eval(layerRef+’["’+layerName+’"]’+styleSwitch+’.visibility="hidden"’)
eval(’curElement’+styleSwitch+’.visibility="visible"’)
eval(’newleft=document.body.clientWidth-curElement’+styleSwitch+’.pixelWidth’)
eval(’newtop=document.body.clientHeight-curElement’+styleSwitch+’.pixelHeight’)
eval(’height=curElement’+styleSwitch+’.height’)
eval(’width=curElement’+styleSwitch+’.width’)
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval(’curElement’+styleSwitch+’.pixelLeft=newleft’)
if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval(’curElement’+styleSwitch+’.pixelTop=newtop’)
}
document.onmousemove = helpor_net;
if (navigator.appName == "Netscape") {
}
else
{
document.write(’’)
document.write(’’)
document.write(’
’)
}
15、飘动的字符跟鼠标
说明 在鼠标后面跟着一串飘动的字符
代码
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-200
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function www_helpor_net() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; ivar thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; ivar thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("www_helpor_net()",30)
}
for (i=0;i<=message.length-1;i++) {
document.write("")
document.write(message[i])
document.write("")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
www_helpor_net();
// -->
16、数字时钟
说明 数字化的时钟
代码
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="现在时刻："+hours+":"+minutes+":"+seconds+""
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
17、六种风格时间
说明： 六种风格时间显示,一定有你喜欢的！
效果： 风格一: 星期二,6月1日,2004年
风格二: 7:56:28上午
风格三: 星期二,6月1日,2004年 7:56:28上午
风格四: 6/1/04
风格五: 7:56:28
风格六: Tue Jun 1 07:56:28 UTC+0800 2004
代码：
18、显示停留的时间
说明： 显示他人在页面停留的时间，而且可以作出提醒
代码：
您在本站逗留了
19、有影子的数字时钟
说明： 这个时钟是有影子的，而且还在不停地走着呢
代码：
20、全中文日期显示
说明： 年月日都是用全中文显示
代码：
［N搜网-中国网上商店商品服务搜索门户］：［本文章由N搜网于2006-9-22录入系统，网址：www.nsall.com］
|
首页 
打印本页
放大字体
关闭本页
