Web前端开发 - 低调共享者

jQuery实现随窗口大小变化的自适应高度元素

代码如下： /* 将具有 autoheight 属性的 div 元素设置为自动高度用法：给需要的 div 元素添加 autoheight 属性，如：<div autoheight> ... </div> 可以修改选择符，如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $("div[autoheight]"); if (_jahDivs.length > 0) { _jahDivs.css("overflow",...

2015-3-18/ 6468 次浏览/ Web前端开发

jQuery让页面随着窗口大小变化自动加减宽度？

例子 CSS代码： .div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;} jQuery代码： $(function(){ $(".div1").css({ height:$(window).height() }); $(window).resize(function(){ $(".div1").stop(true,false).animate({ ...

2015-3-18/ 5594 次浏览/ Web前端开发

document.open() 与 document.write()的区别

document.open() 打开一个新的空白文档，在IE下，open有两个默认参数，相当于 document.open("text/html",'"")，第二个参数只有一个值可选：replace，如果启用了该值，则新建的文档会覆盖当前页面的文档（相当于清空了原文档里的所有元素，且不能后退即，浏览器的后退按钮不可用）；例子： <SCRIPT type="text/javascript"> <!-- function test(){ document.open("text/html","replace"); ...

2015-3-15/ 4581 次浏览/ Web前端开发

HTML5实现网页图片鼠标悬停黑白变换效果

使用HTML5画布，图像可以被巧妙的转换为灰色，而不必使用图像编辑软件。下面的示例将展示如何使用HTML5和jQuery动态的将彩色图像转换为灰色。贡献者：感谢达西·克拉克贡献jQuery和Javascript代码。效果演示：http://webdesignerwall.com/demo/html5-grayscale/ 目的这个示例的目的是向你展示如何使用HTML5和jQuery创建一个灰度/彩色图像的鼠标悬浮效果。在HTML5出现前，实现这个效果需要两幅图像，彩色的和灰度的版本。现在HTML5让创建这个效果更加容易和高效，因为灰...

2015-3-9/ 5192 次浏览/ Web前端开发

分享到twitter,facebook,google,yahoo,linkedined的网页代码

常用的网页社区分享代码：分享到twitter的代码 <a href="http://twitter.com/home?status=https://www.tddx.net/ 资源分享" title="分享到 Twitter" target="_blank" rel="nofollow">Twitter</a> 分享到Facebook的代码 <a href="http://www.facebook.com/sharer.php?u=https://www.tddx.net/&t=资源分享" target="blan...

2015-3-7/ 7032 次浏览/ Web前端开发

jQuery跑马灯实现教程使用jQuery简单实现产品展示的图片左右滚动功能

原理比较简单：将要滚动显示的区域的CSS的override设为hidden，宽度设成一个比较大的值，如4000px,然后每次点击上一页或下一页的按钮时，计算当前页数，如果已经到了最后一页，则回到第一页，滚动是通过控制div的left属性实现的，需要两个div，外面的div的 position设为retative，里面的DIV的position设为absolute。 HTML代码： <div id="product"> <h2><span class="arrow">arrow</span>产品展...

2015-3-6/ 5082 次浏览/ 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/ 4614 次浏览/ 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/ 5207 次浏览/ 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/ 4885 次浏览/ 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/ 4149 次浏览/ 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/ 11608 次浏览/ 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/ 6251 次浏览/ Web前端开发