标签切换JS代码

//标签切换
var nav = $(‘.index-nav‘);
var content = $(‘.index-nav-content li‘);

function hoverNav ($eleArr) {
    var $nav = $eleArr[0];
    var $content = $eleArr[1];

    $nav.on(‘mouseover‘, ‘li‘, function(e) {
        e.preventDefault();
        var $this = $(this),
                number = $this.data(‘nav‘)-1;
        $this.addClass(‘cur‘).siblings(‘li‘).removeClass(‘cur‘);
        $content.eq(number).addClass(‘cur‘).siblings(‘li‘).removeClass(‘cur‘);
    });
}

hoverNav([nav,content]);
时间: 2024-08-28 18:06:28

标签切换JS代码的相关文章

A标签执行js 代码和跳转

5.执行JS代码: ????<a href="javascript:js代码">内容</a> ⑥.使用js来实现空链接 写法:<a href="javascript:void(0)"></a> ⑦.锚点 ????需要两个a链接搭配使用,第一个a链接设置锚点名,第二个a链接实现跳转功能. <a name="设置锚点的名称"></a> 用法1:同一页内实现跳转 示例: 设置锚点名

一个页面可以重复调用的TAB选项卡切换js代码 鼠标悬浮

/*下面是景点页面的变动代码*/ .tabbox { height: 176px; padding-bottom: 10px; } .tabmenu { height:25px; background:url(../imges/scenery_04.jpg) right no-repeat; } .tabmenu ul {margin:0;padding:0;list-style-type: none;             border-bottom:solid 1px #816e59; h

让IE6/IE7/IE8支持HTML5标签的js代码方法

让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件.Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求. 方式一:引用google的html5.js文件,代码内容可以自己下载下来看. <!–[if lt IE9]> <script src="http://html5shiv.googleco

js 使用script或template标签:分离js代码template中的HTML元素

参考:https://www.jianshu.com/p/332252abe016 方法一. script: <div id="app"> <com-first></com-first> </div> <script type="text/x-template" id="comFirst"> <div>component 1</div> </script&g

JS代码的加载

HTML页面中JS的加载原理:在加载HTML页面的时候,当浏览器遇到内嵌的JS代码时会停止处理页面,先执行JS代码,然后再继续解析和渲染页面.同样的情况也发生在外链的JS文件中,浏览器必须先花时间下载外链文件中的代码,然后解析并执行它,在这个过程中,页面的渲染和用户互交完全被阻塞.由于现代浏览器都允许并行下载JS文件,因此<script>标签在下载外部资源时不会阻塞其他的<script>标签.遗憾的是JS下载过程仍然会阻塞其他资源的下载. 加载JS代码优化: (1)由于脚本阻塞页面

15款jQuery带缩略图的图片轮播切换特效代码

JQuery宽屏电影大图幻灯片轮播切换代码 jquery带文字缩略图的图片轮播切换代码 jQuery OwlCarousel图片滚动插件世界杯图片轮播滚动代码 jQuery仿中国建设银行带缩略图控制滚动图片轮播切换 jquery图片滑动切换效果左右按钮控制图片滑动轮播切换效果 jQuery幻灯片插件可自动轮播和暂停的图片幻灯片代码 jQuery带缩略图的焦点图代码_带标题的焦点图代码 jquery图片轮播插件带小缩略图片的焦点图切换效果代码 原生js图片插件缩略图片控制大图淡出淡进切换支持图片轮

试着讲清楚:js代码运行机制

一. js运行机制 js执行引擎 经常看文章的说到js是带线程的,其实这个说法非常的模糊,准确的是js执行引擎是单线程的,js执行引擎就是js代码的执行器,有了这个概念就可以下来说说js是如何运行的了. js代码如何运行? 在js代码执行的时候,js的代码是按照顺序执行的,从上到下,这个时候是同步的,不过,有几个例外: 异步的网络请求 事件绑定.事件监听器 时间触发函数 我们模拟一下,js引擎遇到这三类代码的情况: js执行的好好的,正在顺序执行代码,这个时候呢,遇到了异步的网络请求的代码,这个

CSS+JS实现tab标签切换

实现tab标签切换比较简单,下面先看看我实现的效果: 我主要实现了: 1.tab之间的相互切换: 2.显示选中的tab 下面看看实现代码: css: html,body,div{ font-size: 12px; font-family:"Arial"; } .tab-ui{ width: 400px; height: 300px; position: relative; } .tab-title{ border-top-right-radius:8px; float: left; b

一行JS代码,解决DedeCMS TAG标签错误输入符号问题

在维护内容的时候, Tag标签输入经常要来回切换输入法,  只能通过','号分隔.  中文用户, 输入法出来的经常是全角的, 经常弄错, 增加了检查的工作量,  现在只要一句JS代码, 就自动替换所有,./;'[]-=等符号为半角,号. 步骤: 1.  打开\dede\templets\album_add.htm文件 2.  查找到<input name="tags" type="text" id="tags" 这个标签, 加上 onkey