来自 4008com云顶 2019-07-30 01:36 的文章
当前位置: 4008.com-云顶集团4008com > 4008com云顶 > 正文

我们点击的时候我们给元素加上一个自定义的a

实在原理相当粗略,大家点击的时候我们给成分加上一个自定义的attr,加上后便会有有一个同盟的样式去自动适配背景,几秒后去掉该样式复苏原状

首先在大团结的js中张开贰个格局hoverEl

复制代码 代码如下:

$.extend($.fn, {
hoverEl:function(){

var _this = $(this);
var _t = setTimeout(function(){
_this.attr("hover", "on");
}, 10);
_this.attr("hoverTimeout", _t);

setTimeout(function(){
clearTimeout( _this.attr("hoverTimeout") );
var _t = setTimeout(function(){
_this.removeAttr("hover");
}, 100);
_this.attr("hoverTimeout", _t);
},200);

}
});

匡助定义样式,当特定attr被抬高时

复制代码 代码如下:

li[hover=on]{
background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#194FDB), to(#4286F5))!important;
background-image: -webkit-linear-gradient(top, #4286F5, #194FDB)!important;
color: white!important;
cursor: pointer!important;
}

调用示例:

复制代码 代码如下:

$(e.target).hoverEl();

您大概感兴趣的作品:

  • Jquery 点击开关突显和掩饰层的代码
  • JS/jQuery达成私下认可显示部分文字点击按键呈现全部内容
  • JQuery完结动态表格点击开关表格扩充一行
  • jQuery完成点击按键弹出可关闭层的浮动层插件
  • jQuery点击按键弹出遮罩层且内容居中特效
  • jQuery中iframe的操作(点击按键新扩展窗口)
  • jQuery达成点击开关文字产生input框点击保存形成文字
  • jQuery达成鼠标滚轮动态改动样式或效益
  • jQuery文本框获得与失去大旨动态退换样式效果
  • Jquery使用css方法改换样式实例
  • jquery关于页面宗旨的定位(文本框获取关节时退换样式 )
  • jQuery达成的点击按键退换样式效能示例

本文由4008.com-云顶集团4008com发布于4008com云顶,转载请注明出处:我们点击的时候我们给元素加上一个自定义的a

关键词: 云顶娱乐平台