jquery 简单导航实现代码

2016-02-19 15:08 5 1 收藏

岁数大了，QQ也不闪了，微信也不响了，电话也不来了，但是图老师依旧坚持为大家推荐最精彩的内容，下面为大家精心准备的jquery 简单导航实现代码，希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发】

代码如下:
script type="text/javascript" src="js/jquery.min.js"/script
script type="text/javascript"
$(function(){
$("li").hover(function(){
$(this).addClass("ho");
},
function(){
$(this).removeClass("ho");
});
$("li").click(function(){
$(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi");
});
})
/script
style type="text/css"
li{background-color:#099; float:left; width:50px; height:25px; margin-left:1px; list-style:none;}
.xiaoshi{background-color:#FF0;}
.ho{background-color:#F00;}
/style
/head
body
div
ul
li我第1/li
li我第2/li
li我第3/li
li我第4/li
li我第5/li
li我第6/li
/ul
/div
/body

来源:http://www.tulaoshi.com/n/20160219/1609008.html

上一篇：在word2003中如何输入下划线
下一篇： WPS如何添加网格线

看过《jquery 简单导航实现代码》的人还看了以下文章更多>>

jquery 锁定弹出层实现代码

标签： Web开发

基于jquery的锁定弹出层这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法：代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"i...

jQuery 全选效果实现代码

标签： Web开发

多选效果如下图代码如下: 代码如下: script type="text/javascript"!-- $(document).ready(function() { $("#selectall").click(selectAll); }); function selectAll() { var checked = $("#selectall").attr("checked"); $(".selectable").each(function() { var subchecked = $(this).attr("checked"); if (subchecked != ch...

JQuery 网站换肤功能实现代码

标签： Web开发

从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何使用jQuery编写简单代码实现它的教程。我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。首先，代码代码如下: $(document).ready(function() { $('.styleswitch').click(funct...

Jquery 弹出层插件实现代码

标签： Web开发

直接看代码：代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Layer.aspx.cs" Inherits="Layer" % !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 runat="server" title/title scri...

jQuery select的操作实现代码

标签： Web开发

//改變時的事件代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目代码如下: 法1：$("select#Clubs").children("[@selected]").each(function(){ alert(this.text); }); 法2：$("#selBags").va...

查看更多精彩>>