随笔分类 - jQuery
摘要:微信扫码显示特效:下面是实际效果:(可以自己移动鼠标,尝试效果)(由于篇幅长度,没有加兼容性前缀,演示环境为谷歌浏览器。)现在就一个一个效果单独演示:演示demo的HTML内容为:魔芋CSS:div { width:200px; height:200px; background: red; marg...
阅读全文
摘要:【01】浏览器支持:IE10+和其他现代浏览器。效果图:步骤:HTML部分:恭喜抽中棒棒糖一枚!说明: .opacity 是抽中奖的遮罩层; .red 是抽奖图片; .windows 是抽中奖的界面CSS部分:@-webkit-keyframes shake {0%{-webkit-t...
阅读全文
摘要:官网:http://gsgd.co.uk/sandbox/jquery/easing/jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果,一款jQuery动画效果扩展增强插件jquery.easing.js,使用该插件可以实现直线匀速运功、变加速运动、缓冲等丰富的动画效果。jQue...
阅读全文
摘要:效果:(点击上传按钮)See the Pen pjGNJr by moyu (@MoYu1991) on CodePen.html代码:upload开始上传文件关闭确认取消CSS代码:.upload-span{ display:inline-block; width:120px; height:40...
阅读全文
摘要:思路:选几张图片。CSS写好样式。效果过程就是当鼠标覆盖图片时,这张图片的宽度变大。其他兄弟图片宽度变小。效果如下:See the Pen EVLWQN by moyu (@MoYu1991) on CodePen.jQuery横向手风琴图片展示动画DEMO演示给你15分钟做“对”的时尚人服饰封面明...
阅读全文
摘要:做网站的时候,需要用到日期选择控件,即bootstrap-datepicker和bootstrap-datetimepicker,但默认都显示的是英文, 需求中需要显示为中文,所以需要修改。 方法如下:在“bootstrap-datepicker.js”和“bootstrap-datetimep...
阅读全文
摘要:先放效果图:百度云下载地址:http://pan.baidu.com/s/1dDpn1Sl代码如下:jquery hover鼠标滑过图片背景高亮闪烁 Prada Prada Prada Prada Prada ...
阅读全文
摘要:左边条纹跟随鼠标滑动导航demo下载地址:http://pan.baidu.com/s/1ntqYXjr 效果如下:代码如下:左边跟随鼠标滑动导航 左边条纹跟随鼠标滑动导航 导航菜单 神探夏洛克 ...
阅读全文