2015年09月_xiaobing_hope

12月 11月 10月 09月 07月 06月 05月 04月 03月

原创阻止文档默认点击右键、选中功能及获取鼠标按键等

阻止文档默认点击右键选中功能及获取鼠标按键等1. 阻止文档默认“点击右键出现默认弹窗”功能document.oncontextmenu = function(){return false;}2. 获取鼠标按键$(document).mousedown(function(e){var keyNum = e.which;//keyNum == 1 表示鼠标按下的键为鼠标左键

2015-09-24 20:22:21 1073

原创 3d相册弹出效果02

3d相册弹出效果02在3d相册基本的布局完成之后，接下来需要完成的是鼠标拖拽的效果。描述：鼠标向右移动，整个相册跟随鼠标旋转，向下移动时，整个相册的视角向下倾斜。主要涉及到鼠标按下，移动和抬起三个事件：鼠标按下事件：$(document).mousedown(function(e){var x = e.clientX; //获取鼠标按下点的坐标va

2015-09-13 16:35:00 525

原创获取鼠标点击坐标等__颜色选择器的制作

获取鼠标点击坐标等__颜色选择器的制作效果图：做该效果的难点是js实现点击颜色选择器跟随鼠标移动。这里使用jQuery实现该效果1. 编写html页面，放置页面所需要的元素。Index.html部分代码2.css样式因为颜色选择器要实现的是随着鼠标拖动移动的效果，所以初期需要将颜色选择器的position属性设置为absolute3.js动态效

2015-09-13 11:56:19 3028 1

原创 3d相册弹出效果01

3d相册弹出效果01效果图：效果描述：图片一张张从中间的一个图片相框中弹出，然后排布成圆形，鼠标拖拽，图片跟着动。常规网页中，鼠标点击拖动的效果是：选中网页上的文字或者图片。而我们需要的是：鼠标点击拖动网页，相册整体跟随鼠标移动。这时，就需要禁止掉网页默认的鼠标选中属性。解决方案为：在标签中加入 onselectstart =”return false”

2015-09-12 12:12:11 752

原创 Velocity.js实现动画序列的三种方法

Velocity.js实现动画序列的三种方法velocity.js该插件兼容IE8和Android 2.3（兼容性非常好）用velocity.js插件实现动画序列所需要用到的js库有：jquery.js 、 velocity.min.js 、 velocity.ui.min.js在利用velocity.js插件制作动画序列时，需要同时引入这三个库文件。

2015-09-07 19:51:06 5238