HTML img图片出现下边距的解决方法 图片底部的空隙实际上涉及行内元素的布局模型,图片默认的垂直对齐方式是基线,而基线的位置是与字体相关的。所以在某些时候,图片底部的空隙可能是 2px,而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。 给图片定义vertical-align也可以解决这个问题,将图片的垂直对齐方式设置为 top 或 bottom,这个空隙会消失。 解决办法给img定义vertical-al... Web前端开发 / 2015-02-01 / 5153次阅读
PHP采集抓取淘宝网单个商品信息的方法思路 调用淘宝的数据可以使用淘宝提供的api,如果只需调用淘宝商品图片名称等公开信息在自己网站上,使用php中的 file_get_contents 函数实现即可。 思路: file_get_contents(url) 该函数根据 url 如 http://www.baidu.com 将该网页内容(源码)以字符串形式输出(一个整字符串),然后配合preg_match,preg_replace等这些正则表达式操作... Web前端开发 / 2015-01-02 / 6083次阅读
jQuery停止动画和判断是否处于动画状态 停止元素的动画 停止所有在指定元素上正在运行的动画。 很多时候需要停止匹配元素正在进行的动画,如果需要在某处停止动画,需要使用stop()方法。stop()方法的语法缩构为: stop([clearQueue], [gotoEnd]) 参数clearQHCHC和gotoEnd都是可选的参数,为Boolean值(ture或flase)。 clearQueue如果设置成true,则清... Web前端开发 / 2014-12-24 / 6450次阅读
jQuery实现渐变效果的下拉导航菜单 HTML代码: <div id="nav"> <ul> <li> <a href="http://neirong.org" target="_blank">资源共享</a> <ul> <li><a href="http://neirong.org" target="_blank">资源共享<... Web前端开发 / 2014-12-21 / 4875次阅读
详细介绍css display:block的用法 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。 块级元素: 动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子... Web前端开发 / 2014-12-18 / 9269次阅读
多种切换过渡效果小巧jQuery图片幻灯片插件Coin Slider Coin Slider是款很小巧,简单易用,具有多种图片过渡效果的jquery幻灯片插件。 使用方法: 下载插件:http://pan.baidu.com/s/1pJNriFD 引用文件: <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type=... Web前端开发 / 2014-12-14 / 4497次阅读
网页图片轮换播放器Bcastr4.0使用教程 Bcastr.swf是一款优秀的通用图片轮换播放器,很多网站程序使用的图片轮播功能,如织梦CMS就是内置了bcastr.swf实现图片轮播,图片轮播很多人第一时间想到使用jquery实现,其实对于普通用户来说,使用 Bcastr可以更轻松的制作图片轮换效果,目前Bcastr 4.0是最新版,它有如下的特点: 可以读取xml设置播放列表,自定义xml地址 可... Web前端开发 / 2014-12-13 / 6168次阅读
jquery实现网页背景变暗的弹框效果 很多网页的登陆就是在页面上弹出一个登陆框,背景变暗,通过jquery可以实现这个效果: Javascript代码: var GB_DONE = false; var GB_HEIGHT = 400; var GB_WIDTH = 400; function GB_show(caption, url, height, width) { $("GB_window").remove()... Web前端开发 / 2014-12-07 / 5490次阅读
div嵌套导致子区域margin-top失效不起作用的解决方法 有两个嵌套关系的div,如果外层div的父元素padding值为0,那么内层div的margin-top或者margin-bottom的值会“转移”给外层div,使父元素产生上外边距。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti... Web前端开发 / 2014-11-22 / 13557次阅读
jQuery图片居中裁切效果 给img标签添加样式.t-img <img src="images/1.jpg" class="t-img"> 注:需要给img标签的父层定义宽高 //调用 $(function(){ zmnImgCenter($(".t-img"));//JQ的dom }); //图片居中 function zmnImgCenter(obj){ obj.each(function(){ v... Web前端开发 / 2014-09-08 / 4434次阅读
jQuery元素筛选方法集合 1、eq() 筛选指定索引号的元素 2、first() 筛选出第一个匹配的元素 3、last() 筛选出最后一个匹配的元素 4、hasClass() 检查匹配的元素是否含有指定的类 5、filter() 筛选出与指定表达式匹配的元素集合 6、is() 检查元素是否参数里能匹配上的 7、map() 8、has() 筛... Web前端开发 / 2014-08-30 / 5102次阅读
实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案 实现图像灰度(grayscale)最初有ie6推出的专属属性filter实现,后来在css3里w3c实现了标准的filter,但是在不同浏览器的实现程度不一样,因此需要一种浏览器兼容的解决方案。 IE私有滤镜的方式:自IE4开始,IE引入了私有滤镜,可以实现透明度、模糊、阴影、发光等效果,当然也可以实现灰度图像效果。代码如下: img { filter: gray; /* just for... Web前端开发 / 2014-08-18 / 8149次阅读