InstantClick – 快速响应!让你的网站与众不同 InstantClick 是一个很小的 JavaScript 库,使用了 pushState 和 Ajax 技术,这个组合被称为 Pjax。在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面,这样当你点击页面的时候,其实页面已经加载到本地了,呈现当然也就会很快,大大加速你的网站响应速度。 使用示例:... Web前端开发 / 2017-08-18 / 3240次阅读
18款不同样式的苹果设备响应展示PSD源文件 响应式网站是时下主流,下面提供一些所有苹果设备响应展示分层PSD源文件,可方便展示和推广网页设计师的响应式网站作品。 下载地址:https://www.behance.net/gallery/22663297/Apple-Device-Wireframe-Mockups 下载地址:https://mostpato.deviantart.com/art/Apple-De... Web前端开发 / 2017-08-17 / 3709次阅读
APP应用侧边栏菜单导航jQuery插件Slidebars Slidebars是一款能快速又简单的实现移动端应用风格菜单显示和侧边栏的jQuery插件,插件非常小巧,压缩后仅有1.69kb大小,提供完整的API、回调功能等,需要jquery 1.8以上版本的库才可以使用。 官方网站:https://www.adchsm.com/slidebars/ Github:https://github.com/adchsm/Slidebars... Web前端开发 / 2017-08-14 / 5006次阅读
优酷视频自适应屏幕的方法 将优酷视频嵌入网站时需要指定长和宽的像素,这对手机等终端十分不友好,可以用javascript让优酷的视频自适应屏幕。 <iframe height=498 width=510 src="http://player.youku.com/embed/XODA2NDM4OTI0" frameborder=0 allowfullscreen></iframe> 以上为一段优酷提供的视频,需要... Web前端开发 / 2017-08-11 / 5253次阅读
支持触摸的jQuery响应式幻灯片插件Owl Carousel Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,兼容包括 IE6、IE7在内的所有浏览器,需要jquery 1.7 及以上版本。Owl Carousel 提供了众多的参数、回调函数及自定义事件,所以它几乎可以满足你的所有要求。它具有一下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持... Web前端开发 / 2017-08-11 / 4116次阅读
通过HTML5 Canvas实现360度全景图 很多购物网站现在都支持360实物全景图像,可以360度任意选择查看样品,这样 对购买者来说是一个很好的消费体验,用HTML5 Canvas也可以实现类似的功能。 360度全景图的原理: 首先需要对实物拍照,间隔是每张照片旋转15度,所以需要23张照片。 照片准备好了以后,尽量选择JPG格式,裁剪到适当大小。 JAVASCRIPT中预加载所有照片,可以配合进度条显... Web前端开发 / 2017-04-26 / 4933次阅读
通过CSS屏蔽iframe中的超链接 原理:在iframe上面覆盖一个DIV,DIV必须有背景色且透明。position为absolute,通过top和left属性控制该DIV的位置使之覆盖于iframe之上。这样iframe就被遮盖住,而里面的任何东西都点不了了。 步骤一: 新建一个文档,命名为A.html,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi... Web前端开发 / 2017-03-13 / 5507次阅读
运用JS设置cookie、读取cookie、删除cookie JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当... Web前端开发 / 2017-03-12 / 3970次阅读
图片居中及弹出层jQuery插件imgcentering imgCentering 是一款可以让图片在div居中和实现弹出层的图片jQuery插件,可在一组图片中查看前一张和后一张进行切换的图片相册查看效果,且具有不错的动画效果。 使用教程: 1、引用文件: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></scr... Web前端开发 / 2016-10-17 / 3970次阅读
响应式jquery幻灯片插件bxSlider bxSlider 是一款免费的 jQuery Slider 的插件,它可以实现 内容和图片幻灯片滚动效果,支持响应式,自适应各种尺寸的屏幕,桌面和手机等各种设备都能完美适应。 bxSlider 详细功能 完全响应式:支持所有设备。 支持水平,垂直和淡入淡出等模式。 支持图片,视频和 HTML 内容等幻灯片。 内置支持触摸和滑动等... Web前端开发 / 2016-10-14 / 7486次阅读
jquery特效的图片切换插件:jqFancyTransitions jqfancytransitions是一款易于使用的显示照片过渡效果的jQuery幻灯片插件,兼容Safari 2 +、Internet Explorer 6 +、Firefox 2 +、3 + 9 +谷歌浏览器等。 使用方法 调用插件js文件: <script src="js/jquery.js" type="text/javascript"></script> &... Web前端开发 / 2016-08-06 / 3637次阅读
在移动端设置overflow:hidden为什么页面还能滚?禁止方法 如果把 overflow:hidden 用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。 方法一: 将要隐藏滚动的内容加上一个包裹层div,然后给这个div设置高度为window.height(),并且 overflow:hidden 就可以解决你的问题。 方法二: 给 body 添加 position:fixed; 示例:... Web前端开发 / 2016-06-29 / 6046次阅读