HTML img图片出现下边距的解决方法

图片底部的空隙实际上涉及行内元素的布局模型,图片默认的垂直对齐方式是基线,而基线的位置是与字体相关的。所以在某些时候,图片底部的空隙可能是 2px,而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。 给图片定义vertical-align也可以解决这个问题,将图片的垂直对齐方式设置为 top 或 bottom,这个空隙会消失。 解决办法给img定义vertical-al...
Web前端开发 / / 5153次阅读

PHP采集抓取淘宝网单个商品信息的方法思路

调用淘宝的数据可以使用淘宝提供的api,如果只需调用淘宝商品图片名称等公开信息在自己网站上,使用php中的 file_get_contents 函数实现即可。 思路: file_get_contents(url) 该函数根据 url 如 http://www.baidu.com 将该网页内容(源码)以字符串形式输出(一个整字符串),然后配合preg_match,preg_replace等这些正则表达式操作...
Web前端开发 / / 6083次阅读

jQuery停止动画和判断是否处于动画状态

停止元素的动画 停止所有在指定元素上正在运行的动画。 很多时候需要停止匹配元素正在进行的动画,如果需要在某处停止动画,需要使用stop()方法。stop()方法的语法缩构为: stop([clearQueue], [gotoEnd]) 参数clearQHCHC和gotoEnd都是可选的参数,为Boolean值(ture或flase)。 clearQueue如果设置成true,则清...
Web前端开发 / / 6450次阅读

详细介绍css display:block的用法

根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。 块级元素: 动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子...
Web前端开发 / / 9269次阅读

网页图片轮换播放器Bcastr4.0使用教程

Bcastr.swf是一款优秀的通用图片轮换播放器,很多网站程序使用的图片轮播功能,如织梦CMS就是内置了bcastr.swf实现图片轮播,图片轮播很多人第一时间想到使用jquery实现,其实对于普通用户来说,使用 Bcastr可以更轻松的制作图片轮换效果,目前Bcastr 4.0是最新版,它有如下的特点: 可以读取xml设置播放列表,自定义xml地址     可...
Web前端开发 / / 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前端开发 / / 5490次阅读
jquery实现网页背景变暗的弹框效果

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前端开发 / / 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前端开发 / / 4434次阅读

jQuery元素筛选方法集合

1、eq()    筛选指定索引号的元素 2、first()  筛选出第一个匹配的元素 3、last()   筛选出最后一个匹配的元素 4、hasClass()  检查匹配的元素是否含有指定的类 5、filter()  筛选出与指定表达式匹配的元素集合 6、is()    检查元素是否参数里能匹配上的 7、map() 8、has()  筛...
Web前端开发 / / 5102次阅读

实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案

实现图像灰度(grayscale)最初有ie6推出的专属属性filter实现,后来在css3里w3c实现了标准的filter,但是在不同浏览器的实现程度不一样,因此需要一种浏览器兼容的解决方案。 IE私有滤镜的方式:自IE4开始,IE引入了私有滤镜,可以实现透明度、模糊、阴影、发光等效果,当然也可以实现灰度图像效果。代码如下: img { filter: gray; /* just for...
Web前端开发 / / 8149次阅读
实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案