本文为大家分享了爪哇岛描述语言实现标签切换特效的方法,具体的实现内容如下,先看一下效果图:
很简单的爪哇岛描述语言实现标签切换特效
!DOCTYPE html html head lang=' en ' meta charset=' UTF-8 ' title tab/title script src=' http : js/jquery-1。11 .1 .js '/脚本样式* { margin : 0 0padd : 0;} div { width: 184px高度: 100像素;border: 1px纯灰色;显示器:无;}.选项卡{ list-style:无;宽度: 200像素;飞越:隐藏;}.tab li{左侧浮动:宽度: 60pxborder: 1px纯红;高度: 30px线高: 30px垂直对齐: 中间;文本对齐:中心;光标:指针;}.在{显示:块上;}.cur { background : redcolor : # fff }/style script $(function(){ $(').tab Li’).悬停(function(){ $(this)).addClass('cur ').兄弟姐妹()。移除CLaSS(' cur ');$(“div”).eq($(this)).index()).addClass('on ').兄弟姐妹()。移除CLaSS(' on ');})})))/脚本/head dyul class=' tab ' Li class=' cur '最新/li li热门/li li新闻/Li/uldiv class=' on ' 11/div 22/div 33/div br/输入类型='text '值='你好请输入密码onfocus='if(this.value=='你好请输入密码){ value=' ' } '在bulr=' if(this。value==' '){ value='你好请输入密码} '/正文/html这个实例只是为大家简单介绍了爪哇岛描述语言实现标签切换特效,希望对大家的学习有所帮助。