1、在原始的web界面上,切换到开发者模式,一般都有快捷键,本机的快捷键为(Ctrl+shift+I) 2、在开发者模式界面的左上角有一个放大镜的工具,点击一下,再去界面中找相应的元素,之后就可以定位相应的元素,获取它的id 3、有的元素中没有id,可以用其对应的class之类的(还没试验成功) ...
分类:
Web程序 时间:
2016-06-22 12:22:33
阅读次数:
223
效果如下 使用步骤(非常简单): 1、引入css <link rel="stylesheet" href="magiczoom/MagicZoom.css"/> 2、引入js <script src="magiczoom.js" type="text/javascript"></script> 3、 ...
分类:
其他好文 时间:
2016-06-16 14:33:32
阅读次数:
154
自定义滚动条jquery-custom-scrollbar 放大镜 fancybox,lightbox,jquery zoom ...
分类:
Web程序 时间:
2016-06-14 12:00:33
阅读次数:
148
jQuery插件jQuery Spin Button自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现Javascript自定义动态调整网页文字大小 jQuery插件Magnify放大镜实现javascr ...
分类:
Web程序 时间:
2016-06-12 21:46:55
阅读次数:
168
zbox是一款带放大镜效果的jQuery LightBox图片画廊插件。该Lightbox插件可以显示相应缩略图的高清大图,并且在浏览高清大图时还可以使用放大镜来局部查看放大效果。 在线预览 源码下载 使用方法 使用该LightBox插件需要引入jQuery和jquery.zbox.css,以及jq ...
分类:
Web程序 时间:
2016-06-06 13:52:12
阅读次数:
403
之前项目总会遇到很多搜索框类的功能,虽然不是很复杂,不过每次都要去自己处理数据,并且去处理搜索框的变化,写起来也比较麻烦,今天来做一个比较简单的通用搜索栏。先看下效果图:没什么特别的,只是今天要做的就是简单的把搜索框的内容封装一下.一、分析功能先考虑一下,搜索框一般都是由一个搜索图标(一般都是一个放大镜),一个输入框和一个清除按钮组成.然后会通过监听输入框的变化去处理清除按钮的显示和隐藏并且去过滤相...
分类:
移动开发 时间:
2016-06-02 13:44:44
阅读次数:
283
<li><a><img alt="XXX" src="图片路径" /></a></li> <li><a><img alt="XXX" src="图片路径" /></a></li>show.js//Jquery实现过程 xOffset = 10; yOffset = 30; jQuery("#imgl ...
分类:
Web程序 时间:
2016-06-02 11:06:44
阅读次数:
186
第一次发博客,还有点小激动,本人现在正在天津上大学,希望以后从事前端这一行业,学习的时间不长,写博客为了记录自己的学习过程和收获,当然也算是巩固。可能写的东西不会像大牛那样高大上,只是一些基本的内容,当然我也会收藏一些我认为好的,不错的文章(其实最主要是我能看懂。。。。)。我相信以后自己也能够写出高 ...
分类:
Web程序 时间:
2016-05-22 23:00:11
阅读次数:
236
淘宝放大镜效果,其实就是一张小图片,还有一张大图片。鼠标移动,按比例显示大图的一部分,在大图的父元素上设置overflow:hidden,就OK了。这里面需要注意换算好大小图的比例。 代码地址:https://github.com/peng666/blogs/tree/gh-pages/floats ...
分类:
其他好文 时间:
2016-05-22 21:34:58
阅读次数:
126
在网页上我们经常看到鼠标悬停在一个图片上,这张图片会慢慢的放大,感觉是像放大镜放大的效果,当鼠标移开的时候,图片有恢复原来的样子,今天就实现这种效果。实现原理以思路:1,首先这是一张图片在悬停时放大也就是改变大小(宽,高)实现的。2,一张图片在放大的时候会根..
分类:
其他好文 时间:
2016-05-15 19:58:58
阅读次数:
161