13518219792
jquery实现网页打开时浏览器图标闪烁法有bug:在打开时,传值判断是页面来的,还是弹窗来的,如果是弹窗... -webkit-backface-v 使用 jQuery 快速高效制作 网页特效
铁东ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
jQuery 库中实现的，并不是浏览器的原生事件。
不过最重要的是把菜单不停闪动的问题解决了！
Jquery Mobile图标不显示，说明images文件夹里面的图片没有被正确引用，可能有以下原因：
1、images文件夹放置的位置不正确
2、jquery.mobile.css里面的图片路径不正确
style type="text/css" media="screen"
*{margin:0;padding:0;}
body{font-size: 16px;color: #000;padding: 50px;}
.dowebok dl{position: relative;width: 180px;}
.dowebok dl dt{border:#ddd solid 1px;height: 28px;line-height: 28px;font-size: 14px;padding-left: 5px;overflow: hidden;}
.dowebok dl dt b{display: block;position: absolute;top: 5px;right:15px;width: 10px;height: 10px;border:#333 solid 1px;border-width: 0 0 1px 1px;transform:rotate(-45deg);}
.dowebok dl dd{position: absolute;width: 100%;left: 0px;top: 30px;border:#ddd solid 1px;border-top:0px;box-sizing: border-box;display: none;}
.dowebok dl dd span{display: block;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #666;background: #fff;}
.dowebok dl dd span:hover{background-color: #139ff1;}
/style
div class="dowebok"
dl
dtspan请选择/spanb/b/dt
dd
span天津/span
span杭州/span
span北京/span
/dd
/dl
/div
script
$(function(){
$('.dowebok dl dt').click(function(){
$(this).siblings('dd').toggle(); //下拉隐藏显示
})
$('.dowebok dl dd span').click(function(){
var html = $(this).html();
$('.dowebok dl dt').find('span').html(html);
$('.dowebok dl dd').hide();
})
//判断点击其他地方时候下拉列表隐藏
$("body,html").on("mousedown",function(e){
var target=$(e.target);//该点击目标对象
if(!(target.closest(".dowebok dl dd").length) !(target.closest('.dowebok dl dt').length) !(target.closest(self).length) $(".dowebok dl dd").is(":visible")){
$(".dowebok dl dd").css({"display":"none"});
}
})
});
/script
1、注册并登录iconfont官网
2、新建 我的项目
3、选择需要的图标并 添加入库或收藏
4、将入库的图标添加进我的项目
5、打开我的项目 有3种调用方式（unicode-常用、font class、symbol）
6、以Unicode为例 选中后 查看在线连接 将代码copy至需要的呈上升文件
7、将需要使用的图标下面的 特征码 copy至html页面相应位置，然后自定义背景色和大小
如果想在js中调用 使用symbol方式
先给导航块的a标签设置img属性和data-img属性；img属性为未选中图片，data-img为选中图片。第一个按钮的img图片应设置为默认选中的状态。
//点击每个按钮后进行按钮切换图片操作
$(".tab-bar-item").on("click", function () {
//先const clickImg变量为他的data属性（选中图片） ，然后找到img图片的src属性将未选中的图片点击后替换为选中图片
const clickImg = $(this).data("img");
$(this).find("img").attr("src",clickImg);
//找到被点击标签的其他兄弟标签，用each遍历 const noclick为未选中的img图片，将点击标签的其他兄弟标签的img换为未选中图片就可以了
$(this).siblings().each(function(){
const noclickImg= $(this).attr("img")
$(this).find("img").attr("src",noclickImg);
})
}
