我用jquery+css实现了一个滑动幻灯片的效果。由于调试的时候使用的firefox浏览器,所以没有出现隐患,但在IE浏览器下使用是就感觉很卡。就一直百度,google,发现大家使用的原理都是一样,为什么我的就会出现很卡的效果呢?最后发现别人的图片都是比较小的,而我的很大,IE8执行JS代码的效率远不如firefox5,所以就出现了这种效果。
下面是效果图:
其实上面的标签能被选中,应该设置成不能选中,代码如下
function setSelected(target, boo){
//设置文字是否可以复制boo=true时可以复制,否则禁止复制
if (typeof target.onselectstart!="undefined"){ //IE
target.onselectstart=function(){
return boo;
}
}else if (typeof target.style.MozUserSelect!="undefined"){ //Firefox
/*MozUserSelect有三个值:
*1.none表示所有子元素都不能被选择
*2.-moz-all子元素的所有文字都可以被选择
*3.-moz-none子元素的所有文字都不能选择,但input除外
*/
if(boo) target.style.MozUserSelect="-moz-all";
else target.style.MozUserSelect="none";
}else{ //other
target.onmousedown=function(){
return boo;
}
}
}
将要设置成不能选中div的jquery对象(即target)传过去就行了
- 大小: 1 MB
分享到:
相关推荐
脚本简介jQuery左侧滑动幻灯片是一款基于jquery实现的整洁漂亮的左侧滑动幻灯片代码。
jquery图像幻灯片上下滑动图片切换
jQuery带描述滑动幻灯片 jQuery带描述滑动幻灯片网页特效.zip
jQuery多元素组合动画滑动幻灯片
jquery风向滑动幻灯片是一款带箭头按钮跟数字标签的jquery滑块幻灯片。 jquery风向滑动幻灯片特效图:
jQuery缩放滑动幻灯片类似淘宝图片放大效果,演示地址:http://www.jq22.com/jquery-info414
jQuery斜角全屏幻灯片 jquery斜角全屏滑动幻灯片网页特效.zip
jquery幻灯片图片折页上下滑动切换类似拉窗帘效果的幻灯片
jquery动画滑动幻灯片展示.zip
一款带缩略图的支持所有主流浏览器和移动设备的jQuery手机滑动切换幻灯片代码,支持IE7以上的IE浏览器,只是在IE7-IE9浏览器中没有动画过渡效果。 js代码 [removed][removed] [removed][removed] [removed] ...
jQuery幻灯片滑动块状区域覆盖切换代码
jQuery滤镜百叶窗幻灯片 jquery斜角全屏滑动幻灯片网页特效.zip
横向滑动幻灯片是一款基于jquery实现的多种不同切换效果的网页幻灯片插件。
幻灯片效果,引用于17素材。仅供参考。有123数字效果,图片有卡片式 滑动式 以及 渐变式
实现效果: jQuery三张图片一起滑动幻灯片特效,支持动画功能,效果还是不错的,支持左右箭头按钮切换和焦点圆点切换,还是比较大气的JS焦点图切换特效。
jquery 3d响应式幻灯片带左右按钮的图片滑动切换效果
基于jQuery 的可滚动时间轴幻灯片效果,有横向和纵向两种效果,兼容IE,谷歌等主流浏览器。
一个基于jQuery打造的幻灯片特效 左右滑动切换图片,设计唯美,鼠标点击当前大图片,即可切换图片显示下一张,js方面,引入了jquery.easing.1.2.js以及jquery插件,兼容各大网页浏览器。