yjxf8285@qq.com

JavaScript

实用的jQuery焦点图效果(比如淘宝商城就在用)

Posted By 刘晓帆 | 2,643 views

这个效果只是在我之前写的图片上下滚动效果里面修改了一下,变成左右滚动了,而且播放到最后一个的时候不是经过很长的过程回到第一张图片了。
演示地址:http://www.liuxiaofan.com/demo/leftscroll.html

Read More

JavaScript

jQuery 霓虹灯效果练习

Posted By 刘晓帆 | 1,434 views

练习重点:
随机颜色
浏览器大小与内容的交互
CSS3动画
演示地址:http://www.liuxiaofan.com/demo/neon.html

Read More

JavaScript

jQuery 图片放大镜效果

Posted By 刘晓帆 | 1,587 views

实现原理:准备2张图片,原大图及缩略图。
当页面载人的时候正常显示缩略图,然后当鼠标经过缩略图的时候AJAX加载原大图。
使用jQuery的e.pageX方法提取鼠标经过图片时的坐标,再将遮罩的绝对定位时的坐标值赋值,同时改变大图的坐标值,达到显示位置的准确性。
当鼠标离开小图区域的时候隐藏遮罩。
本效果为刘晓帆原创,转载请注明出处,谢谢!

Read More

Plugins/Tools

Zen Coding——前端攻城师必备插件

Posted By 刘晓帆 | 1,716 views

具体使用方法到处都能搜得到。
下载地址:http://code.google.com/p/zen-coding/downloads/list

Read More

HTML/CSS

纯CSS3载入动画

Posted By 刘晓帆 | 1,419 views

今天在国外各个前端博客闲逛的时候发现的效果,觉得不错就贴上来分享一下。

Read More

JavaScript

jQuery写的小99

Posted By 刘晓帆 | 1,306 views

今天突然想起来写一个以前第一次学编程的时候做的练习了,呵呵!

Read More