jquery点击下拉菜单切换更改CSS样式代码

所属分类: 网页特效-导航菜单    2024-01-24 11:20:09

jquery点击下拉菜单切换更改CSS样式代码 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery点击下拉菜单切换更改CSS样式代码(共5个文件)

    • sky-theme.css
    • gold-theme.css
    • mercury-theme.css
    • default-theme.css
    • index.html

使用方法

  $(function() {
	$( "#theme-button" ).click(function() {
          $("#theme-menu").show();
          $( document ).on( "click", function() {
            $("#theme-menu").hide();
          });
		   $( ".theme-color" ).on( "click", function() {
            var id = $(this).attr("id");
			$("#theme-style").attr("href",id+".css");
          });
          return false;
        })
  });

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 导航菜单

5种不同风格的CSS步骤向导导航条

五种不同的创意风格,包括箭头、虚线和编号、卡片。每个导航条都有不同的配色方案
  导航菜单
 6826  0

原生js固定网页底部悬浮在线客服特效代码

一款黑色固定在页面底部客服代码,带QQ客服、客服电话,非常实用!
  导航菜单
 3677  0

jquery鼠标悬停动画图标导航菜单特效代码

鼠标hover经过导航菜单,图标有一个向上运动消失,再由下往上显示的动画效果。
  导航菜单
 6645  0

纯CSS简单的网页右侧悬浮导航菜单

一款常用的网页在线客服特效,鼠标悬停动画显示二维码图片,移出随机消失。
  导航菜单
 1643  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论