剿灭 jQuery 的第一步(IE8+)

强大的DOM选择器和兼容性方面的处理,是很多人离不开jQuery 的一大原因,若项目在浏览器支持上并不需要向下兼容,合理的放弃 jQuery 倒也未尝不可,小剧就来说说如何实现 dom 的选择查找。

本文关键字:javascriptjQuery
产品类图片放大镜的效果

产品类图片放大镜的效果

开始实验喽体验效果按上次博文的计划,昨天写了下关于电商类的网站常见的图片放大镜效果。关于特效书写的过程,大致有这么几个关键点,一是:布局实现方式及定位规划;

简单的瀑布流框架(无后台交互)

简单的瀑布流框架(无后台交互)

此瀑布流效果判断添加新内容位置的方法较为简单;对默认页面显示条数、滚屏自动显示条数与点击添加条数可独立设置;为每条新添加出来的信息设置id,方便有针对性设置动画。

另一种手风琴效果的写法

另一种手风琴效果的写法

说说我的手风琴效果与别人的区别吧:我的是并列的元素分别显示不同的风景,而别人的是通过相互重叠遮盖显示。

360度旋转展示特效

360度旋转展示特效

这类特效用的最多的应该就是flash了吧,因为flash小巧轻便、交互性强、声色具绘,但其明显缺点是依赖于插件;视频用于展示是最好的,但其交互性较差,不考虑html5也离不开插件;js跨平台兼容较好,交互性较强但仅限于片段较短且不需要声音的地方使用。

本文关键字:360度3D旋转特效jQuery
仿QQ西游官网动画导航效果

仿QQ西游官网动画导航效果

本特效是用js模仿QQ西游官网的flash导航效果,大体形态已呈现雏形,细节部分尚待完善,图像合并优化方面未作处理。因为是用JS实现flash的效果,视觉体验多少会打些折扣。但其可靠性更强,不依赖flash插件,更新维护较为方便,重用性更高。

图像浏览器jquery插件

图像浏览器jquery插件

其实图像浏览器插件应该算是小剧目前最得意的一个特效了,因为小剧一直很喜欢flash站里的图像切换效果,以浏览器窗口为显示区域,并且富有动感的渐入渐出,和动态缩放更具酷炫效果很吸引人。

自动提示输入信息效果的jquery插件

其实这个效果很简单,就是每个输入框在输入之前都会有一个默认的值,点击之后自动清空,当输入框失去焦点的时候,如果没有输入任何字符,输入框再恢复为原来的默认值。

火狐下jquery更换图像src后获取图像尺寸异常

火狐下jquery更换图像src后获取图像尺寸异常

图像浏览器前端显示的图像始终是一个img标签,在点击左右箭头时更换img标签的src属性,以达到切换图像的效果。切换过图像之后再获取此图像的宽度和高度,为图像框做动画。

本文关键字:火狐jQuerysrcimg前端
图解JQUERY尺寸及位置定义

图解JQUERY尺寸及位置定义

这些参数特别有用,但一时又搞不太清楚各个参数的细微差别。于是今天就花了半天的时间,对着API仔细分析,自己再动手验证一下自己的想法,拿着一支笔在纸上画来画去,确认无误后,做出了这么两幅图稿。以供以后参考之用