现在的操作系统使用的IE浏览器版本都比较高，有时候制作网页的时候需要测试低版本IE浏览器的兼容问题会显得比较麻烦，部分人会使用IEtest软件测试，但该软件体验发现并不好，其实上IE11浏览器本身就提供了IE7、IE8、IE9、IE10浏览器的测试功能。 1、打开IE浏览器，点击键盘F12，进入到如下图的界面： 2、选择【仿真】按钮进入，在文档模式里选择自己想要调用的IE浏览器版本，数字对应IE的版本： 3、选择版本后，就可以输入网站调试了。
InstantClick 是一个很小的 JavaScript 库，使用了 pushState 和 Ajax 技术，这个组合被称为 Pjax。在访问者点击一个链接之前，鼠标会悬停在链接上面，这两个事件之间通常有200ms~300ms的间隔，InstantClick 利用这个时间间隔预加载页面，这样当你点击页面的时候，其实页面已经加载到本地了，呈现当然也就会很快，大大加速你的网站响应速度。 使用示例： ... <script src="instantclick.min.js" data-no-instant></script> &...
响应式网站是时下主流，下面提供一些所有苹果设备响应展示分层PSD源文件，可方便展示和推广网页设计师的响应式网站作品。 下载地址：https://www.behance.net/gallery/22663297/Apple-Device-Wireframe-Mockups 下载地址：https://mostpato.deviantart.com/art/Apple-Devices-flat-Icon-Free-512702025 下载地址：https://www.pixeden.com/psd-we...
Slidebars是一款能快速又简单的实现移动端应用风格菜单显示和侧边栏的jQuery插件，插件非常小巧，压缩后仅有1.69kb大小，提供完整的API、回调功能等，需要jquery 1.8以上版本的库才可以使用。 官方网站：https://www.adchsm.com/slidebars/ Github：https://github.com/adchsm/Slidebars
将优酷视频嵌入网站时需要指定长和宽的像素，这对手机等终端十分不友好，可以用javascript让优酷的视频自适应屏幕。 <iframe height=498 width=510 src="http://player.youku.com/embed/XODA2NDM4OTI0" frameborder=0 allowfullscreen></iframe> 以上为一段优酷提供的视频，需要指定长和宽，其实，我们可以用javascript获取屏幕的宽度，再乘以相应的比率，从而让视频自适应屏幕大小。 先给iframe制定一个id...
Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，兼容包括 IE6、IE7在内的所有浏览器，需要jquery 1.7 及以上版本。Owl Carousel 提供了众多的参数、回调函数及自定义事件，所以它几乎可以满足你的所有要求。它具有一下特点： 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适...
很多购物网站现在都支持360实物全景图像，可以360度任意选择查看样品，这样 对购买者来说是一个很好的消费体验，用HTML5 Canvas也可以实现类似的功能。 360度全景图的原理： 首先需要对实物拍照，间隔是每张照片旋转15度，所以需要23张照片。 照片准备好了以后，尽量选择JPG格式，裁剪到适当大小。 JAVASCRIPT中预加载所有照片，可以配合进度条显示加载精度 创建/获取Canvas对象，加上鼠标监听事件，当鼠标左右移动时候，适度的绘制不 同帧。大致的原理就是这样，比较简...
原理：在iframe上面覆盖一个DIV，DIV必须有背景色且透明。position为absolute，通过top和left属性控制该DIV的位置使之覆盖于iframe之上。这样iframe就被遮盖住，而里面的任何东西都点不了了。 步骤一： 新建一个文档，命名为A.html，代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht...
JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。 而cookie是运行在客户端的，所以可以用JS来设置cookie. 假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限的，当发生页面跳转或者页面关闭的时候，这些变量的值会重新载入，即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值，那么如何来设置和读取c...
imgCentering 是一款可以让图片在div居中和实现弹出层的图片jQuery插件，可在一组图片中查看前一张和后一张进行切换的图片相册查看效果，且具有不错的动画效果。 使用教程： 1、引用文件： <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/imgcentering.js"></script> 2、HTML代码结构： &l...
bxSlider 是一款免费的 jQuery Slider 的插件，它可以实现 内容和图片幻灯片滚动效果，支持响应式，自适应各种尺寸的屏幕，桌面和手机等各种设备都能完美适应。 bxSlider 详细功能 完全响应式：支持所有设备。 支持水平，垂直和淡入淡出等模式。 支持图片，视频和 HTML 内容等幻灯片。 内置支持触摸和滑动等高级操作。 使用 CSS transitions 来实现幻灯片动画（原生硬件加速）。 完整的回调 API 和接口。 ...
jqfancytransitions是一款易于使用的显示照片过渡效果的jQuery幻灯片插件，兼容Safari 2 +、Internet Explorer 6 +、Firefox 2 +、3 + 9 +谷歌浏览器等。 使用方法 调用插件js文件： <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jqFancyTransitions.js" type="text/javascript"></script&g...