掏点东西

解决使用$.JSON，$.Ajax等返回数据windows.open()跳转浏览器拦截的方法

window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口，不过一般用来的是打开新窗口，因为修改原来的网页地址，可以使用window.location，可以重定向网页地址，使网页跳转到另一个页面。 但是一般情况下，如果直接在js中调用window.open()函数去打开一个新窗口，浏览器会对弹出的窗口进行拦截，因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体，如果不想让浏览器...

Web前端开发 / 2015-03-31 / 5669次阅读

解决JQuery resize()在IE浏览器（IE6/IE7/IE8)中执行多次/重复执行的方法

通过jquery的resize()函数给网页添加随窗口变化的动态效果，在IE8中测试发现resize()函数外的其它动态效果会重复执行两次，百度发现，在IE6、IE7、IE8浏览器下，jquery resize()函数会执行多次，分别是IE7 触发3次，IE8 触发2次，IE9 触发1次，解决方法是添加老外针对该问题制作的一个jquery插件即可。 插件页面：http://benalman.com/projects/j...

Web前端开发 / 2015-03-21 / 6468次阅读

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

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

Web前端开发 / 2015-03-18 / 6622次阅读

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 / 5755次阅读

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

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

Web前端开发 / 2015-03-15 / 4734次阅读

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

使用HTML5画布，图像可以被巧妙的转换为灰色，而不必使用图像编辑软件。下面的示例将展示如何使用HTML5和jQuery动态的将彩色图像转换为灰色。 贡献者：感谢达西·克拉克 贡献jQuery和Javascript代码。 效果演示：http://webdesignerwall.com/demo/html5-grayscale/ 目的 这个示例的目的是向你展示如何使用HTML5和jQu...

Web前端开发 / 2015-03-09 / 5321次阅读

分享到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 / 7177次阅读

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

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

Web前端开发 / 2015-03-06 / 5190次阅读

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 / 4748次阅读

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 / 5334次阅读

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 / 5043次阅读

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 / 4330次阅读