您好,欢迎来到模板无忧!
登录
注册
收藏
搜索
地图
帮助
模板无忧
网页特效
网页模板
CMS模板
PPT模板
简历模板
网页特效
视频教程
网页图标
字体下载
CMS教程
DivCss
网站制作
网站运营
网络编程
服务器
请选择您需要的素材分类 |
不限分类
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI小聚 能写会画
域名
推荐
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
表单按钮特效代码
>
收藏
分享
查看评论
表单按钮
演示
可自由移动位置的导航条_表单按钮特效
查看演示效果
特效Tag:
自由
位置
添加
织梦DedeCMS视频教程
买空间 租服务器 选网硕互联!
无忧站长工具,百度权重一键全查!
可自由移动位置的导航条,您可以先修改部分代码再运行.
<!--要完成此效果需要三个步骤 第一步:把如下代码加入到<head>区域中--> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function checkVersion4() { var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables();moveOB(); } function setVariables() { if (navigator.appName == "Netscape") { h=".left=";v=".top=";dS="document.";sD=""; } else{ h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style"; } objectX="object11" XX=-70; YY=-70; OB=11; } function setObject(a) { objectX="object"+a; OB=a; XX=eval("xpos"+a); YY=eval("ypos"+a); } function getObject() { if (isNav) document.captureEvents(Event.MOUSEMOVE); } function releaseObject() { if (isNav) document.releaseEvents(Event.MOUSEMOVE); check="no"; objectX="object11"; document.close(); } function moveOB() { eval(dS + objectX + sD + h + Xpos); eval(dS + objectX + sD + v + Ypos); } var isNav = (navigator.appName.indexOf("Netscape") !=-1); var isIE = (navigator.appName.indexOf("Microsoft") !=-1); nsValue=(document.layers); check="no"; function MoveHandler(e) { Xpos = (isIE) ? event.clientX : e.pageX; Ypos = (nsValue) ? e.pageY : event.clientY; if (check=="no") { diffX=XX-Xpos; diffY=YY-Ypos; check="yes"; if (objectX=="object11") check="no"; } Xpos+=diffX; Ypos+=diffY; if (OB=="1") xpos1=Xpos,ypos1=Ypos; moveOB(); } if (isNav) { document.captureEvents(Event.CLICK); document.captureEvents(Event.DBLCLICK); } xpos1=50; // make this the left pixel value for object1 below ypos1=50; // make this the top pixel value for object1 below xpos11 = -50; ypos11 = -50; Xpos=5; Ypos=5; document.onmousemove = MoveHandler; document.onclick = getObject; document.ondblclick = releaseObject; // End --> </script> <!--第二步:把如下代码加入到<body>区域中--> <br> <div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2"> <table border=1 cellpadding=5 width="139"> <tr> <td bgcolor=eeeeee height="30"><a href="javascript:void(0)" onmousedown="setObject(1)"><font size="2" color="#000000">单击移动双击放下</font></a> </td> </tr> <tr> <td> <br> <A HREF="test/test.html">模板无忧一</A><br> <A HREF="test/test.html">模板无忧二</a><br> <A HREF="test/test.html">模板无忧三</a> </td> </tr> </table> </div> <div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"> </div> <!--第三步:把“OnLoad="checkVersion4()"”加在<body>标记里 例如:--><body OnLoad="checkVersion4()">
所属频道:
表单按钮特效
/
更新时间:2013-05-04
[收藏]
[报错]
[返回列表]
相关
表单按钮特效
:
又一个带描述的表单
页面转跳。跟本站的教学文章中的那些转到第几页一样的
带Checkbox的列表框
提供四种打开新窗的形式
自动复制代码
方便登录各种管理页面以及任何EMAIL量身定做!
QQ分类搜索代码
查找表格的内容
一个带描述的表单
常用email检验函数
file框模拟新解
检测复选框
表单按钮特效Rss订阅
特效代码搜索
表单按钮特效推荐
一个漂亮的Select下拉列表框
JavaScript 动态删除列表框的值
仿XP界面的CSS按钮特效代码
JavaScript 判断复选框是否选中并取出值
禁止自动完成
点击链接文字提交表单的方法
JavaScript将文本框的值插入当前面指定位置
让屏幕抖动一阵
JS输入限制,不符要求不能输入的代码
点击按钮后,文本框变为Select下拉列表框
猜你也喜欢看这些
随机数据显示功能、选号器
柱状时钟
个性的年月日JavaScript时钟
JavaScript日期输入控件
鼠标悬停时,显示当前日期
JavaScript限制用户浏览网页的时间
装机计算器
DATE对象增强特性
JS柱状图风格的时钟
离开某个特定日子的时间
相关链接:
复制本页链接
|
搜索可自由移动位置的导航条
特效说明:
表单按钮模板
-
可自由移动位置的导航条
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...