发布于 2017-01-11 17:17:55 | 17 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


这篇文章介绍了js 单击式的下拉菜单效果实例,有需要的朋友可以参考一下


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> 
<title>js 单击式的下拉菜单效果</title> 
<style> 
.div1 { width: 120px; height: 20px; line-height:20px; text-align:center; } 
.div2 {width: 120px; position:absolute; left:0; top:10px;visibility:hidden; } 
.div2 a{ display:block;} 
</style> 
</head> 
<body> 
<script language="JavaScript"> 
var zindex=100 
function dropit2(whichone){ 
if (window.themenu&&themenu.id!=whichone.id) 
themenu.style.visibility="hidden" 
themenu=whichone 
if (document.all){ 
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX 
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 
if (themenu.style.visibility=="hidden"){ 
themenu.style.visibility="visible" 
themenu.style.zIndex=zindex++} 
else{ 
hidemenu()}}} 
function dropit(e,whichone){ 
if (window.themenu&&themenu.id!=eval(whichone).id) 
themenu.visibility="hide" 
themenu=eval(whichone) 
if (themenu.visibility=="hide") 
themenu.visibility="show" 
else 
themenu.visibility="hide" 
themenu.zIndex++ 
themenu.left=e.pageX-e.layerX 
themenu.top=e.pageY-e.layerY+19 
return false} 
function hidemenu(whichone){ 
if (window.themenu) 
themenu.style.visibility="hidden"} 
function hidemenu2(){ 
themenu.visibility="hide"} 
if (document.all) 
document.onclick=hidemenu 
</script> 
<span class="div1" onClick="dropit2(dropmenu);event.cancelBubble=true;return false"> <a href="###" onClick="if(document.layers) return dropit(event, 'document.dropmenu')">[点击显示菜单]</a> </span> 
<div class="div2" id="dropmenu"> 
<a href="http://www.phperz.com">phperz</a> 

<a href="#">个性名字网</a>
<a href="#">个性名字网</a>
</div>
</body>
</html> </td>
   </tr>
 </table>



相关阅读 :
js 单击式的下拉菜单效果实例
Js点击弹出下拉菜单效果实例
搜集了几个不错的下拉菜单效果
一个css与js结合的下拉菜单支持主流浏览器
JS+CSS 制作的超级简单的下拉菜单附图
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
JS+CSS实现美化的下拉列表框效果
js制作的鼠标悬浮时产生的下拉框效果
又一个漂亮的导航栏的下拉菜单
js实现下拉菜单效果
js实现省份下拉菜单效果
JS实现类似百叶窗下拉菜单效果
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务