热门标签:   个人网站   个人网页   WAP网站   网页特效   网页教程   收藏本站   设为主页  
首 页   个人网站   个人博客   WAP网站   网页特效   网页教程   软件教程   我要参展
帐 号: 密 码:
 
网站及资源搜索:  
 
  当前位置 > 中国个人网页秀-> 网页特效-> 页面特效-> 菜单导航-> 单击移动双击放下的菜单
单击移动双击放下的菜单
整理:Cnwshow.Com   来源:Internet   整理时间:2008-2-17

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>单击移动双击放下的菜单</title>
<style type="text/css">
<!--
.aodu {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline}
td {  font-size: 9pt; font-family: "宋体"}
-->
</style>
</HEAD>
<body OnLoad="checkVersion4()">
<div id="object1"
style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">

<table border="1" cellspacing="0" cellpadding="0" bgcolor="#008000" bordercolor="#008000">
<tr>
<td class="aodu" align="center"><a href="javascript:void(0)" onmousedown="setObject(1)"><font color="#FFFFFF">单击移动双击放下</font></a></td>
</tr>
<tr>
<td bgcolor="#CEFFCE" class="aodu" align="center">
<a HREF="http://www.cnwshow.com" target="_blank">个人网页</a><br>
<a HREF="http://www.cnwshow.com" target="_blank">个人网站</a><br>
<a HREF="http://www.sina.com.cn" target="_blank">新浪网站</a><br>
<a HREF="http://www.newhua.com.cn" target="_blank">华军软件</a><br>
<a HREF="http://www.netease.com" target="_blank">网易社区</a>
</td>
</tr>
</table>
</div><div id="object11"
style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"></div>

<script LANGUAGE="JavaScript">
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;

</script>
</body>
</html>


运行代码预览特效
  菜单导航 热门点击
·鼠标触发型导航菜单
·网页滑出式菜单
·类似Flash效果的菜单
·模仿QQ式的菜单
·同Flash媲美的导航菜单
·左右交叉合并导航效果
·Windows样式菜单
·非常流行的隐藏导航栏
·慢慢出现的链接菜单
·下拉透明菜单
  酷站推荐
关于本站  联系本站  免责声明  使用帮助  网站搜索  网站地图
Copyright © 2005-2008 Cnwshow.Com Inc All Rights Reserved 中国个人网页秀
技术支持:网秀科技   QQ群:36941957  客服QQ:151483161  粵ICP备05134415号