`
xinjiang
  • 浏览: 55601 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery滑动幻灯片效果

    博客分类:
  • js
阅读更多

我用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 3d幻灯片效果免费下载

    "jQuery 3D幻灯片效果免费下载"是为开发者提供的一种利用jQuery实现的3D视觉体验的幻灯片插件。这个压缩包包含了用于创建独特、引人入胜的3D旋转幻灯片展示所需的所有资源。 首先,jQuery 3D幻灯片效果是一种高级的...

    jQuery左侧滑动幻灯片.zip

    【jQuery左侧滑动幻灯片】是一款利用JavaScript库jQuery实现的高效、简洁的幻灯片展示效果,尤其适合用于网站的首页或者产品展示区域。它以其优雅的左侧滑动动画和用户友好的交互设计,提升了网页的视觉吸引力和用户...

    Jquery触屏幻灯片

    【jQuery触屏幻灯片】是一种专为移动设备设计的交互式图像展示工具,它利用JavaScript库jQuery的优势,为用户提供流畅、便捷的滑动体验。幻灯片在网页设计中广泛应用,可以展示产品图片、文章摘要、广告等内容,增强...

    jQuery图像幻灯片上下滑动图片切换-20130627

    在2013年6月27日发布的这个资源中,博主提供了实现这种幻灯片效果的源代码。作为一个源码工具,它可以帮助开发者快速集成到自己的项目中,无需从零开始编写复杂的动画逻辑。幻灯片效果通常包含以下核心知识点: 1. ...

    Jquery实习幻灯片效果

    本资源"Jquery实习幻灯片效果"是针对那些希望学习或实践使用jQuery创建动态幻灯片效果的人设计的。幻灯片效果是一种常见的网页元素,通常用于展示产品、新闻或任何需要滚动展示的内容,它能提升用户体验并增加网站的...

    jQuery多元素组合动画滑动幻灯片.zip

    《jQuery多元素组合动画滑动幻灯片》 在网页设计中,动态效果常常能提升用户体验,其中幻灯片(Slider)是一种常见的展示方式,它能够以流畅的动画效果展示多张图片或内容。本教程将深入探讨如何利用jQuery实现多...

    jQuery带描述滑动幻灯片 jQuery带描述滑动幻灯片网页特效.zip

    标题中的“jQuery带描述滑动幻灯片”指的是一个基于jQuery技术实现的网页特效,它允许在网站上创建带有描述的动态幻灯片展示。这种特效通常用于展示产品、服务或者新闻更新,通过平滑过渡效果吸引用户注意力,提高...

    jquery图片幻灯片

    在网页设计中,jQuery图片幻灯片是一种常见且实用的元素,它能够为网站增添动态效果,提升用户体验。jQuery库的轻量级和强大的API使其成为实现这种功能的理想选择。本篇文章将深入探讨jQuery图片幻灯片的工作原理、...

    jquery图像幻灯片上下滑动图片切换

    在本文中,我们将深入探讨如何使用jQuery来实现一个图像幻灯片效果,特别是上下滑动的图片切换功能。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画制作,使得创建交互式网页变得更加容易。...

    jquery抽屉式幻灯片效果源码

    《jQuery抽屉式幻灯片效果源码解析与实践》 在网页设计中,动态的、交互式的元素往往能提升用户体验,其中幻灯片效果就是一种常见且实用的设计手法。"jQuery抽屉式幻灯片效果"是这种设计的一个创新应用,它借鉴了...

    jQuery途牛首页定时幻灯片轮播效果

    "jQuery途牛首页定时幻灯片轮播效果"是一个典型的利用JavaScript库jQuery实现的动态展示功能,主要目标是模拟实际生活中幻灯片的切换,让用户在浏览网页时能享受到平滑、自动的图片或内容滚动体验。 首先,jQuery是...

    jquery风向滑动幻灯片.zip

    首先,jQuery风向滑动幻灯片的核心是利用jQuery的动画功能,通过改变图片的CSS属性(如位置、透明度等)来实现平滑过渡的效果。这种滑动方式可以模拟现实世界中的风向滑动,带给用户一种自然且流畅的视觉体验。幻灯...

    jquery的幻灯片效果

    **jQuery的幻灯片效果**是网页动态展示中常用的一种技术,它允许用户以滑动、淡入淡出等方式浏览一系列图片或内容。在本文中,我们将深入探讨jQuery如何实现这种效果,以及如何通过源码理解和定制工具来优化你的幻灯...

    jQuery幻灯片滑动块状区域覆盖切换代码.zip

    本资源“jQuery幻灯片滑动块状区域覆盖切换代码.zip”包含了一个实现幻灯片效果的代码示例,特别强调了滑动块状区域的覆盖切换。这种效果常常用于网站的首页展示,以吸引用户注意力并提供动态的用户体验。 幻灯片...

    jQuery滤镜百叶窗幻灯片 jquery斜角全屏滑动幻灯片网页特效.zip

    本文将深入探讨一个基于jQuery的滤镜百叶窗幻灯片及全屏滑动幻灯片的网页特效,它巧妙地结合了CSS、JavaScript和HTML5技术,为用户提供了一种独特的视觉享受。 首先,jQuery库是这个特效的核心。jQuery是一个轻量级...

    jquery动画滑动幻灯片展示.zip

    标题中的“jquery动画滑动幻灯片展示”指的是使用JavaScript库jQuery实现的一种动态效果,它通常用于网站上创建吸引人的图像或内容展示。幻灯片是网页设计中常见的一种元素,能够以自动或用户交互的方式在不同的内容...

    jQuery三张图片一起滑动幻灯片特效.zip

    《jQuery三张图片一起滑动幻灯片特效详解》 在网页设计中,动态效果的运用可以提升用户体验,其中幻灯片(Slider)是常见的一种交互元素,它能以优雅的方式展示多张图片或内容。本篇文章将深入解析一个基于jQuery...

    jQuery图片拆分滑动幻灯片特效

    **jQuery图片拆分滑动幻灯片特效** 在网页设计中,动态的、吸引人的视觉效果是提升用户体验的重要手段之一。jQuery,一个轻量级的JavaScript库,因其丰富的插件和简单易用的API,成为了实现这些效果的首选工具。本...

    jquery简约幻灯片切换代码

    在幻灯片切换中,jQuery提供了便利的API,如`.fadeIn()`、`.fadeOut()`和`.slideToggle()`,用于实现元素的淡入淡出和滑动切换效果。 1. **基本结构**:一个简单的幻灯片切换通常包含一个容器元素(通常为div),...

Global site tag (gtag.js) - Google Analytics