显示和隐藏菜单的做法
2011-07-18 13:45 Rollen Holt 阅读(648) 评论(1) 编辑 收藏 举报之前的效果
修改之后的效果
代码如下:
<!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> <title>hello</title> <meta http-equiv="Content" "content=text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.5.0-vsdoc.js"></script> <script type="text/javascript" src="jquery-1.4.2.js"></script> <style type="text/css"> body { font-size:13px } .artFram { border:solid 1px #ccc; background-color:#eee; width:260px; padding:8px; word-break:break-all } .artList { line-height:1.8em } </style> <script type="text/javascript"> $( function() { var str= $(".artList a"); var str2= $(".artList :eq(2)"); str.click( function() { if($(this).html()=="显示") { $(this).html("隐藏"); str2.show(); } else { str2.hide(); str.html("显示"); } }) }) </script> </head> <body> <div class="artFram"> <div class="artList"> <span> </span> <span>一个优秀的程序开发员,除需掌握专业的开发语言,还要具有</span> <span style="display:none">执着、沉稳、细致的专业素质。</span> <a href="javascript:void(0)">显示</a> </div> </div> </body> </html>
==============================================================================
本博客已经废弃,不在维护。新博客地址:http://wenchao.ren
我喜欢程序员,他们单纯、固执、容易体会到成就感;面对压力,能够挑灯夜战不眠不休;面对困难,能够迎难而上挑战自我。他
们也会感到困惑与傍徨,但每个程序员的心中都有一个比尔盖茨或是乔布斯的梦想“用智慧开创属于自己的事业”。我想说的是,其
实我是一个程序员
==============================================================================
![](http://service.t.sina.com.cn/widget/qmd/1882500857/8c17d4b5/1.png)