- jquery 效果,原生JS代码和用jQuery实现效果各有什么优劣势?
- jquery实现多图片选中checkbox效果?
- Ajax实现分页效果jPaginate插件的应用?
- 如何实现jQuery进度条效果?
- CSS3实现3D拖拽相册效果?
jquery 效果,原生JS代码和用jQuery实现效果各有什么优劣势?
最终实现的效果肯定是可以一样的 jQuery作为一个库,为的就是更容易地实现效果,而且也在兼容性方面做了许多努力 用原生js的话,需要关注到的东西还是很多的,如果是初学而又马上要干活的话,建议还是用jquery 当然,jquery也非万能,许多时候还是要搭配着用,只是能用Jquery时一般都用jquery
jquery实现多图片选中checkbox效果?
$(document).ready(function() {
$(".img").click(function() {
if($(".checkbox").prop("checked")) {//先判断该checkbox是否已经被先中。
$(".checkbox").attr("checked","");
$(this).removeClass("check");//".check"这个是图片被激活后的样式。即该被点击的图片有两个状态,一个是正常,另一个是被激活后,写在两个样式里。
} else {
$(".checkbox").attr("checked","checked");
$(this).addClass("check");
}
})
})
jquery记得用1.6后的版本。
.img 这个是被点击图片的样式
.check 这个是图片被点击过后的样式
.checkbox 这是那个checkbox的样式
Ajax实现分页效果jPaginate插件的应用?
这个是自动完成或自动提示插件,推荐jQuery-autocomplete,很好很强大。
分页插件推荐jPaginate,效果很好。
这2个都是我用过的jqery插件推荐给你的。
如何实现jQuery进度条效果?
动态改变一个有背景色的层的宽度就可以了!如果想要效果好,这类插件一搜一大把!
CSS3实现3D拖拽相册效果?
拖放(Drag 和 drop)是 HTML5 标准的组成部分。浏览器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 被拖元素,dragElement :(1)添加事件:ondragstart(2)添加属性:dragable 放置元素,dropElement:1、添加事件:ondargenter , ondragover , ondragleave , ondragend ,ondrop和mouser划入划出一类的事件很类似,字面也很好理解,不赘述了,下面会用例子来说明。 2、页面上元素间的拖放下面用个小例子,div间的拖放来展示,各个事件如何被触发: 系统中选择的一个或多个文件拖入该div中,files中会存储拖入文件的信息,然后我们通过file可以得到文件的类型,长度,内容然后实现上传。 3、setDragImage(image, x, y)用于设置鼠标移动过程中随鼠标一起移动的效果图。必须在dragstart中设置。 4、types,effectAllowed和dropEffect分别是拖入元素的类型,拖拽过程中鼠标显示的样式,不过通常可以忽略这几个属性,一般用不到。


还没有评论,来说两句吧...