您好我有一个网页,我有四个不同的样式表这样如何使用jquery动态切换样式表?
<link rel="Stylesheet" href="fancydropdown.css" title="style-1" type="text/css" />
<link rel="Alternate" href="fancydropdown_1.css" title="style-2" type="text/css" />
<link rel="Alternate" href="fancydropdown_2.css" title="style-3" type="text/css" />
<link rel="Alternate" href="fancydropdown_3.css" title="style-4" type="text/css" />
这是我的HTML
<div id="menu">
<ul class="tabs">
<li><h4><a href="#">In the blog »</a></h4></li>
<li class="hasmore"><a href="#"><span>Styles</span></a>
<ul class="dropdown">
<li><a href="#" rel="style-1">style-1</a></li>
<li><a href="#" rel="style-2">style-2</a></li>
<li><a href="#" rel="style-3">style-3</a></li>
<li><a href="#" rel="style-4">style-4</a></li>
<li class="last"><a href="#">Menu item 6</a></li>
</ul>
</li>
<li class="hasmore"><a href="#"><span>Topics</span></a>
<ul class="dropdown">
<li><a href="#">Topic 1</a></li>
<li><a href="#">Topic 2</a></li>
<li><a href="#">Topic 3</a></li>
<li class="last"><a href="#">Topic 4</a></li>
</ul>
</li>
<li><h4><a href="#">Elsewhere »</a></h4></li>
<li><a href="#"><span>About</span></a></li>
<li class="hasmore"><a href="#"><span>Networks</span></a>
<ul class="dropdown">
<li><a href="#">Twitter</a></li>
<li><a href="#">posterous</a></li>
<li><a href="#">SpeakerSite</a></li>
<li><a href="#">LinkedIn</a></li>
<li class="last"><a href="#">See more…</a></li>
</ul>
</li>
<li><a href="#"><span>Bookmarks</span></a></li>
这是我的下拉类
<ul class="dropdown">
<li><a href="#" rel="style-1">style-1</a></li>
<li><a href="#" rel="style-2">style-2</a></li>
<li><a href="#" rel="style-3">style-3</a></li>
<li><a href="#" rel="style-4">style-4</a></li>
<li class="last"><a href="#">Menu item 6</a></li>
</ul>
当我点击风格1和所以样式表应该改变.....我怎样才能使用jQuery来做到这一点?谁能帮我?
请给我提供图书馆的用来?
一个简单的谷歌搜索会sufice。 – machineaddict 2012-03-22 06:36:54
我试了几个例子,但没有运气..样式表不chnaging - @ machineaddict – SoftwareNerd 2012-03-22 06:44:12
你检查了任何JavaScript错误?你应该使用萤火虫 – machineaddict 2012-03-22 15:38:17