jQuery实现随窗口大小变化的自适应高度元素 代码如下: /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如:<div autoheight> ... </div> 可以修改选择符,如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $... Web前端开发 / 2015-03-18 / 6830次阅读
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() }); $(wind... Web前端开发 / 2015-03-18 / 5925次阅读
document.open() 与 document.write()的区别 document.open() 打开一个新的空白文档,在IE下,open有两个默认参数,相当于 document.open("text/html",'""),第二个参数只有一个值可选:replace,如果启用了该值,则新建的文档会覆盖当前页 面的文档(相当于清空了原文档里的所有元素,且不能后退即,浏览器的后退按钮不可用); 例子: <SCRIPT type="text/java... Web前端开发 / 2015-03-15 / 4897次阅读
HTML5实现网页图片鼠标悬停黑白变换效果 使用HTML5画布,图像可以被巧妙的转换为灰色,而不必使用图像编辑软件。下面的示例将展示如何使用HTML5和jQuery动态的将彩色图像转换为灰色。 贡献者:感谢达西·克拉克 贡献jQuery和Javascript代码。 效果演示:http://webdesignerwall.com/demo/html5-grayscale/ 目的 这个示例的目的是向你展示如何使用HTML5和jQu... Web前端开发 / 2015-03-09 / 5499次阅读
分享到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="htt... Web前端开发 / 2015-03-07 / 7419次阅读
jQuery跑马灯实现教程 使用jQuery简单实现产品展示的图片左右滚动功能 原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的 按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的 position设为retative,里面的DIV的position设为absolute。 HTML代码: <... Web前端开发 / 2015-03-06 / 5334次阅读
jQuery通过Ajax向PHP服务端发送请求并返回JSON数据 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据。本文将通过实例演示了jQuery通过 Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识,并能熟练运用。 演示地址:http://www.helloweba.com/demo/json/ JSON(JavaScript... Web前端开发 / 2015-03-01 / 4925次阅读
jquery幻灯片插件FlexSlider插件的详细设置参数 $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式:淡入淡出或者滑动 slideDirection: "horizontal", //String: Select th... Web前端开发 / 2015-02-28 / 5537次阅读
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设置颜色,使... Web前端开发 / 2015-02-26 / 5205次阅读
js怎么判断浏览器类型?通过javascript判断浏览器类型 javascript代码: function getOs(){ var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; }... Web前端开发 / 2015-02-25 / 4539次阅读
通过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前端开发 / 2015-02-22 / 12116次阅读
QQ在线客服代码“抱歉,无法发起临时会话,您可以添加对方为好友以发送消息” 测试在线客服时,提示“抱歉,无法发起临时会话,您可以添加对方为好友以发送消息。”,表示腾讯更改了规则,在线客服代码不能用。 不能用的在线客服代码: http://wpa.qq.com/msgrd?V=1&Uin=QQ号码&Site=www.xxxxxxx.com&Menu=yes 换成代码如下: tencent://message/?uin=... Web前端开发 / 2015-02-04 / 6766次阅读