Web前端开发 - 低调共享者

jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

服务端PHP读取MYSQL数据，并转换成JSON数据，传递给前端Javascript，并操作JSON数据。本文将通过实例演示了jQuery通过 Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识，并能熟练运用。演示地址：http://www.helloweba.com/demo/json/ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。JSON在前后台交互的过程中发挥着相当出色的作用。请接...

2015-3-1/ 4153 次浏览/ Web前端开发

jquery幻灯片插件FlexSlider插件的详细设置参数

$(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动 slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下 slidesho...

2015-2-28/ 4693 次浏览/ Web前端开发

jquery获取元素颜色css('color')的值返回RGB

css代码如下： a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下： var link_col = $("a:link").css("color"); alert(link_col); 返回的值： rgb(65, 136, 251) jquey设置颜色，使用的应该是rgb格式的。用以下这个function，把rgb转成“#xxxx”(HEX )格式。 var rgbString = "rgb(0, 70...

2015-2-26/ 4365 次浏览/ Web前端开发

js怎么判断浏览器类型？通过javascript判断浏览器类型

javascript代码： function getOs(){ var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; ...

2015-2-25/ 3665 次浏览/ Web前端开发

通过css修改水平横线<hr/>标签样式去掉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; border-left:none; border-right:none; border-bottom:1px solid #ddd;} 第一种是去掉border...

2015-2-22/ 10824 次浏览/ Web前端开发

QQ在线客服代码“抱歉,无法发起临时会话,您可以添加对方为好友以发送消息”

测试在线客服时，提示“抱歉,无法发起临时会话,您可以添加对方为好友以发送消息。”，表示腾讯更改了规则，在线客服代码不能用。不能用的在线客服代码： http://wpa.qq.com/msgrd?V=1&Uin=QQ号码&Site=www.xxxxxxx.com&Menu=yes 换成代码如下： tencent://message/?uin=QQ号码&Site=www.xxxxxxx.com.cn&Menu=yes 示例： tencent://message...

2015-2-4/ 5535 次浏览/ Web前端开发

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

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

2015-2-1/ 4239 次浏览/ Web前端开发

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

调用淘宝的数据可以使用淘宝提供的api，如果只需调用淘宝商品图片名称等公开信息在自己网站上，使用php中的 file_get_contents 函数实现即可。思路： file_get_contents(url) 该函数根据 url 如 http://www.baidu.com 将该网页内容（源码）以字符串形式输出（一个整字符串），然后配合preg_match，preg_replace等这些正则表达式操作就可以实现获取该url特定div，img等信息了。当然前题是淘宝在单个商品页面的结构是固定的，如500图的img中id就是J_ImgBooth！具...

2015-1-2/ 5298 次浏览/ Web前端开发

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

停止元素的动画停止所有在指定元素上正在运行的动画。很多时候需要停止匹配元素正在进行的动画，如果需要在某处停止动画，需要使用stop()方法。stop()方法的语法缩构为： stop([clearQueue], [gotoEnd]) 参数clearQHCHC和gotoEnd都是可选的参数，为Boolean值(ture或flase)。 clearQueue如果设置成true，则清空队列，可以立即结束动画。 gotoEnd让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。如果接使...

2014-12-24/ 5307 次浏览/ Web前端开发

jQuery实现渐变效果的下拉导航菜单

HTML代码： <div id="nav"> <ul> <li> <a href="http://neirong.org" target="_blank">资源共享</a> <ul> <li><a href="http://neirong.org" target="_blank">资源共享</a></li> <li><a href="http://neirong.org" target="_blank...

2014-12-21/ 3912 次浏览/ Web前端开发

详细介绍css display:block的用法

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。块级元素：动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；行内元素：自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。 ...

2014-12-18/ 8274 次浏览/ Web前端开发

多种切换过渡效果小巧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="text/javascript" src="coin-slider.min.js"></script> <link rel="sty...

2014-12-14/ 3774 次浏览/ Web前端开发