随笔分类 -  JS HTML CSS

1 2 下一页
Firefox和IE通用的三则网站重构的技巧（转）
摘要：from:http://www.4studio.cn/a/div-css/201108048543.htmlFirefox和IE通用的三则网站重构的技巧使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题我们经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，这时就需要清除浮动。给外边框容器加上overflow:auto的属性，可以解决IE7和FF下的清除浮动问题，但是IE6下不生效，我们需要使用IE的一个私有属性zoom使 IE5.5+的浏览器达到外框跟随变化的效果。需要注意的几个细节问题，例如我们建立一个样式为 阅读全文
posted @ 2011-11-01 19:22 佐伊凡 阅读(233) 评论(0) 推荐(0)
Jquery validation 备忘录
摘要：jQuery验证框架（一） 可选项 (jQuery validation)18人收藏此文章， 收藏此文章 发表于10个月前 , 已有3808次阅读 共1个评论 18人收藏此文章jQuery验证框架 Html代码<scripttype="text/javascript"src=js/jquery-1.3.2.min.js></script><scripttype="text/javascript"src=js/jquery.validate.pack.js></script><scripttype=&q 阅读全文
posted @ 2011-09-16 16:39 佐伊凡 阅读(902) 评论(0) 推荐(0)
css专用识别符
摘要：在CSS的兼容时往往不同的浏览器会有自己的识别专用符，这里找了几个常用的个浏览器的专用识别方法。-khtml如：Safari浏览器-moz如Firefox浏览器-webkit如谷歌浏览器-o如Opera浏览器p {color: red; /* 所有浏览器都支持 */ color: blue !important; /* Firefox、IE7支持 IE8支持*/ *color: green; /* IE6、IE7支持 */ *+color: pink; /* IE7支持 */ _color: gray; /* IE6支持 */ } 阅读全文
posted @ 2011-09-01 17:18 佐伊凡 阅读(363) 评论(0) 推荐(0)
jQuery.validate 参考文件
摘要：http://docs.jquery.com/Plugins/Validation#Plugin_methodshttp://www.cnblogs.com/Qbit/archive/2011/03/03/1969951.html 阅读全文
posted @ 2011-08-17 16:53 佐伊凡 阅读(190) 评论(0) 推荐(0)
jquery验证控件
摘要：http://www.yhuan.com/formvalidator/index.htmlhttp://bassistance.de/jquery-plugins/jquery-plugin-validation/ 阅读全文
posted @ 2011-07-28 13:48 佐伊凡 阅读(310) 评论(0) 推荐(0)
margin的参考线和负值问题
摘要：转自：http://www.planabc.net/2007/03/18/css_attribute_margin/由浅入深漫谈margin属性2007-3-18 上午 - HTML/CSS/XML/XSL - CSS - marginmargin 在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。一、margin的基本特性margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin，可以用来设置 box 的 margin area。属性 margin 可以 阅读全文
posted @ 2011-07-22 17:05 佐伊凡 阅读(857) 评论(0) 推荐(0)
em px 简单换算
摘要：大部分的网页设计者在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何 作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。一、首先说下em和px的区别：1. IE无法调整那些使用px作为单位的字体大小;2. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。3.px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。而em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的 阅读全文
posted @ 2011-07-19 17:35 佐伊凡 阅读(4308) 评论(0) 推荐(0)
imgareaselect 缩略图 裁剪图片
摘要：(客户端模拟裁剪图片）imgareaselect:http://odyniec.net/projects/imgareaselect/php生成缩略图参考：http://www.php.net/manual/en/book.image.phphttp://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/http://www.leonkessler.com/blog/?p=132 阅读全文
posted @ 2011-07-12 17:32 佐伊凡 阅读(359) 评论(0) 推荐(0)
Jquery rotate (旋转图片）
摘要：http://code.google.com/p/jquery-rotate/ 阅读全文
posted @ 2011-06-24 11:12 佐伊凡 阅读(453) 评论(0) 推荐(0)
Jquery Tooles API
摘要：http://flowplayer.org/tools/scrollable/index.html 阅读全文
posted @ 2011-06-21 09:38 佐伊凡 阅读(207) 评论(0) 推荐(0)
Jquery 鼠标停留时间满足特定时长后再执行事件
摘要：var handle = null;$('#dy_master2').mouseover(function () { handle = setTimeout(popdiv2, 500);}).mouseout(function () { clearTimeout(handle);}); 阅读全文
posted @ 2011-06-15 16:43 佐伊凡 阅读(2579) 评论(0) 推荐(0)
Ajax 执行返回的服务器端返回的js
摘要：服务器端：$s='window.location.href="index.php?cmd=user.go_login"';echo '<div style="display: none"><iframe style="display:none" onload=javascript:'.$s.'></iframe></div>';参考1：http://www.impng.com/web-dev/execscript-loaded-by-aja 阅读全文
posted @ 2011-06-14 10:32 佐伊凡 阅读(9356) 评论(0) 推荐(0)
Js 获取事件对象
摘要：function getEventTargetId(event){ event=event||window.event; var target=event.target||event.srcElement; return target.id;}参考：http://topic.csdn.net/u/20090101/11/ad3d4b0f-a320-453b-a49f-41ef277de082.html 阅读全文
posted @ 2011-06-13 10:49 佐伊凡 阅读(225) 评论(0) 推荐(0)
jquery 如何为动态添加的元素绑定事件处理函数
摘要：转载自：http://blog.csdn.net/xinhaozheng/archive/2010/09/03/5862109.aspx有一段时间没用jquery了，今天又碰到这个问题。当时是知道有livejquery可以解决。但是我并不喜欢为了这个而另外加载一个。我当时的处理方法是在添加的时候手工绑定事件处理函数。不过新版的jquery已经添加了这个功能。我们已经不需要为此烦恼了。参考：http://api.jquery.com/live/以前我们定义事件，比如为元素定义单击事件是这样写的：$('input').click(function () {//处理代码});或$(& 阅读全文
posted @ 2011-06-08 13:53 佐伊凡 阅读(647) 评论(0) 推荐(0)
弹出div,始终在浏览器中居中(转）
摘要：弹出的DIV浏览器窗口中居中from :http://hi.baidu.com/qzw3288/blog/item/d20f54d1ff63d985a0ec9cf0.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><hea 阅读全文
posted @ 2011-06-08 09:32 佐伊凡 阅读(364) 评论(0) 推荐(0)
ie7 z-index 失效问题
摘要：解决办法：父级元素加上position:relative;并设置z-index.父级元素的z-index优先，其中包含的元素的z-index是相对于父级元素的index.<div style="position:relative;z-index=2"><p style="position:absolute;z-index=99"> ...(要在上层显示的内容）</p><div><div style="position:relative;z-index=1">...<di 阅读全文
posted @ 2011-06-02 17:21 佐伊凡 阅读(7847) 评论(1) 推荐(1)
参考资料：图片效果展示
摘要：lightbox(jquery) http://leandrovieira.com/projects/jquery/lightbox/lightbox2 (use Prototype)http://www.lokeshdhakar.com/projects/lightbox2/jcarousel ：http://sorgalla.com/jcarousel/其他参考：http://www.wufangbo.com/51-jquery-plugn-introduction-and-application-exampleshttp://www.dynamicwp.net/articles-and- 阅读全文
posted @ 2011-06-02 11:01 佐伊凡 阅读(226) 评论(0) 推荐(0)
Jquery 设置变量元素的className
摘要：$('#'+street)[0].className="current"; //一定要加[0], 或者使用下面的形式$('#'+street).addClass("current");参考：$('a[id*="street"]').click(function() {$('input[name="current_street"]').val(this.id);$('a[id*="street"]').removeCl 阅读全文
posted @ 2011-05-30 11:15 佐伊凡 阅读(6984) 评论(0) 推荐(0)
css 图片处理技巧：sprites
摘要：http://www.alistapart.com/articles/sprites/ 阅读全文
posted @ 2011-05-25 17:00 佐伊凡 阅读(169) 评论(0) 推荐(0)
jquery ajax()
摘要：from:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.htmljQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。url 阅读全文
posted @ 2011-05-25 15:59 佐伊凡 阅读(418) 评论(0) 推荐(0)

1 2 下一页