>
设为首页
>
收藏本站
>
最新电影
首页
运营资讯
今日英语
图形图像
计算机技术
Asp编程
网站结构化
资源共享
休闲娱乐
访问新站
您现在的位置:
首页
=>
后台技术
=>
脚本特效
=>
链接特效
订阅本栏目
有小球飞来的连接
时间: 2007-10-03 21:48:40 阅读次数:1756
<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---有小球飞来的连接</title> </head><body><font color="black">鼠标移到连接上看一看</font> <!--将以下代码加入HTML的<Body></Body>之间--> <STYLE type=text/css>#divCircle { HEIGHT: 100px; POSITION: absolute; TOP: -50px; WIDTH: 10px; Z-INDEX: 1 } .clButtons { FONT-FAMILY: 新細明體; FONT-SIZE: 10pt; HEIGHT: 10px; LEFT: 100px; POSITION: absolute; TOP: 20px; VISIBILITY: hidden; WIDTH: 80px; Z-INDEX: 10 } .clButtons A { COLOR: #ff0000 } </STYLE> <SCRIPT language=JavaScript type=text/javascript> function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() numItems = 4 circleXstart = 10 circleYstart = -25 circleXoffset = 5 circleYoffset = -3 circlePXspeed = 5 circleTspeed = 10 circleStay = 1 function makeObj(obj,nest,x,y){ nest = (!nest)?"":'document.'+nest+'.' this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0 this.evnt = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?this.css:0 this.showIt = b_showIt this.moveIt = b_moveIt this.slide = b_slide this.slideIt = b_slideIt this.obj = obj+"Object" eval(this.obj+"=this") return this } var px = bw.ns4||window.opera?"":"px"; function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;} function b_showIt(){this.css.visibility="visible"} function b_slideIt(endx,endy,inc,speed,fn,wh) { if (!this.slideactive) { var distx = endx - this.x var disty = endy - this.y var num = Math.sqrt(Math.pow(distx,2) + Math.pow(disty,2))/inc var dx = distx/num var dy = disty/num this.slideactive = 1 this.slide(dx,dy,endx,endy,speed,fn,wh) } } function b_slide(dx,dy,endx,endy,speed,fn,wh) { if (!fn) fn = null if (!wh) wh = null if (this.slideactive && (Math.floor(Math.abs(dx))<Math.floor(Math.abs(endx-this.x)) || Math.floor(Math.abs(dy))<Math.floor(Math.abs(endy-this.y)))) { this.moveIt(this.x+dx,this.y+dy) eval(wh) slidTim = setTimeout(this.obj+".slide("+dx+","+dy+","+endx+","+endy+","+speed+",'"+fn+"','"+wh+"')",speed) } else{ this.slideactive = 0 this.moveIt(endx,endy) eval(fn) } } function slideballInit(){ oBut = new Array() for (var i=0; i<=numItems; i++){ oBut[i] = new makeObj('divButton'+i) } oCircle = new makeObj('divCircle') oBut[0].moveIt(250,100);oBut[1].moveIt(310,100);oBut[2].moveIt(370,100);oBut[3].moveIt(430,100);oBut[4].moveIt(490,100); oCircle.moveIt(circleXstart,circleYstart) //Showing the buttons for(var i=0; i<=numItems; i++){ oBut[i].showIt() } } var slidTim = 100; var active = -1 function sbmover(num){ clearTimeout(slidTim) oCircle.slideactive = false oCircle.slideIt(oBut[num].x+circleXoffset,oBut[num].y+circleYoffset,circlePXspeed,circleTspeed) } function sbmout(num){ clearTimeout(slidTim) oCircle.slideactive = false if (active>-1 && circleStay) oCircle.slideIt(oBut[active].x+circleXoffset,oBut[active].y+circleYoffset,circlePXspeed,circleTspeed) else oCircle.slideIt(circleXstart,circleYstart,circlePXspeed,circleTspeed) } function changeListing(num){ active = num } if(bw.bw) onload = slideballInit; </SCRIPT> <div id="divCircle"> <img src="/imagesjs/bullet.gif" width="22" height="21" border="0"> </div> <div id="divButton0" class="clButtons"><a href="#" onmouseover="sbmover(0)" onmouseout="sbmout(0)" onclick="changeListing(0); return false">精彩图片</a></div> <div id="divButton1" class="clButtons"><a href="#" onmouseover="sbmover(1)" onmouseout="sbmout(1)" onclick="changeListing(1); return false">天空下载</a></div> <div id="divButton2" class="clButtons"><a href="#" onmouseover="sbmover(2)" onmouseout="sbmout(2)" onclick="changeListing(2); return false">音乐欣赏</a></div> <div id="divButton3" class="clButtons"><a href="#" onmouseover="sbmover(3)" onmouseout="sbmout(3)" onclick="changeListing(3); return false">游戏世界</a></div> <div id="divButton4" class="clButtons"><a href="#" onmouseover="sbmover(4)" onmouseout="sbmout(4)" onclick="changeListing(4); return false">中国软件</a></div> </body></html>
提示:您可以先修改部分代码再运行
飞飞A@sp技术乐园
站内搜索
:
标题
内容
下一篇
链接 定时更换的
上一篇
链接 限时显示
本栏目最新
栏目最新列表
文本链接渐隐渐显
按下F12键,直接返回首页
让网页上的超链接失效,不能点击
鼠标经过链接文字 的特殊显示
显示页面的所有链接
网站优化策划
栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新
站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息
MIME介绍 及
[
1
] [
2
] [
3
]
巧用Google和迅雷来下载
Transact SQL 常
[
1
] [
2
]
VIA Rhine II Fast Ethe
电脑常用端
[
1
] [
2
] [
3
]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句:A friend and
每日一句:Theres no tu
经典__悟透JavaScript
相关文章
ASP与数据库链接的几
SEO工具链接收集
使用IE浏览器a链接失
链接驱动背景色
间停滚动链接导航
链接 限时显示
链接提示信息
飘忽不定的图片链接
鼠标托动的链接菜单
链接自动说明脚本
伟哥博客
西安房产
123最新电影
三四六四
关于站点
|
免责声明
|
联系站长
|
网站地图
|
陕ICP备07002804号
WEB技术QQ交流群:72840059
©2007 ffasp.com. 版权所有