通过css修改水平横线
标签样式去掉hr标签阴影效果

html中水平衡线hr默认高度是两个像素，其中border-top高1px，且颜色为黑，border-bottom高1px颜色为灰，这时看着是阴影效果，去掉阴影效果很简单，只需在css里把border-bottom或border-top属性设置一个为none即可。 hr {border:none; border-bottom:1px solid #ddd;} 或者 hr {border-top:none; b...
Web前端开发 / / 11814次阅读

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

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

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

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

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

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

详细介绍css display:block的用法

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

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

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

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

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