摘要: 1、Reset(重置)/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */th, td, /* table elements 表格元素 */ 阅读全文
posted @ 2013-10-31 09:09 白小虫 阅读(152) 评论(0) 推荐(0) 编辑
摘要: //iframe高度自适应function IFrameReSize(iframename) {var pTar = document.getElementById(iframename);if (pTar) { //ffif (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {pTar.height = pTar.contentDocument.body.offsetHeight;} //ieelse if (pTar.Document && pTar.Document.body. 阅读全文
posted @ 2013-10-30 23:27 白小虫 阅读(2244) 评论(0) 推荐(0) 编辑
摘要: 当文字标题比较长,一行显示不下时,可以用省略号来代替,以前是用程序来写,现在用css即可搞定,兼容ie和firefox.看下面代码:html代码: 这里是觉悟的屌丝_白小虫的博客 css代码:div{width:200px;} 在IE中实现是非常简单的:css代码:span { display:block; width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 但在Firefox中用上面的样式是实现不了的,因为text-overflow: ellipsis;是IE中特有的(非CSS标准)。. 阅读全文
posted @ 2013-10-29 09:33 白小虫 阅读(9355) 评论(0) 推荐(0) 编辑
摘要: (1)需求如下:1、当用户单机“删除”按钮时,整个页面背景类似于关机效果,“删除”提示框突出显示,用户可以选“关闭”按钮,或单机“确定”或“取消的操作。2、删除提示框一直居中显示,不论页面大小发生如何变化,这个提示框始终居中显示。3、如果对某条记录打狗,当用户单机确定提示框中的“确定”按钮时,将在页面中删除该条记录,同时关闭提示框,页面背景恢复正常。(2)实现代码: 1 2 3 4 删除记录时的提示效果 5 8 11 27 80 81 82 83 84 这是一条可删除的记录... 阅读全文
posted @ 2013-10-29 00:29 白小虫 阅读(391) 评论(0) 推荐(0) 编辑
摘要: (1)功能描述: 在页面中,设置三个不同名称的选项卡,当单机某个选项卡时,下面相对应的区域显示其内容信息,同时选项卡的背景色与内容信息的背景色浑然一体,并且字体加粗,表示出于选中状态。(2)实现代码: 1 2 3 4 网页选项卡应用 5 6 15 28 29 30 31 家居32 电器33 二手34 35 36 我是家居的内容37 欢迎您来到电器城38 二手市场,产品丰富多彩39 40 41 结果如下图所示... 阅读全文
posted @ 2013-10-28 22:42 白小虫 阅读(302) 评论(0) 推荐(0) 编辑
摘要: (1)功能描述: 在页面表单中,分别展示某类产品的全部子类项,当用户将鼠标移动某子类时,所选子类样式发生变化,并在该子类的右边以浮动的形式展示该类的全部产品:当用户将鼠标移除某子类时,所选子类样式恢复到初始值,同时,隐藏已显示的全部子类产品。(2)实现代码: 1 2 3 4 列表中的导航菜单应用 5 8 11 27 73 74 75 76 77 78 79 电脑数码类产品 80 ... 阅读全文
posted @ 2013-10-28 22:30 白小虫 阅读(556) 评论(0) 推荐(0) 编辑
摘要: (1)功能描述: 为实现根据厂商、名牌、型号查询车型的功能,在页面中,设置三个下拉列表框,分别用于保存厂商、名牌、型号的数据。 当用户在选择厂商时,名牌和型号下拉列表框随其数据变化而变化;当用户选择名牌时,型号下拉列表框随其所选数据变化而改变, 从而实现了三个下拉列表框联动展示数据的功能。单机"查询"按钮时,显示用户所选择的全部选项。(2)实现代码: 1 2 3 4 5 下拉列表框中的事件应用 6 12 13 70 71 72 73 厂商:74 品牌:75 型号:76 77 78 79 80 ... 阅读全文
posted @ 2013-10-28 08:00 白小虫 阅读(726) 评论(0) 推荐(0) 编辑
摘要: 在jQuery中,可以通过unbind()方法移除绑定的事件或指定某一个事件。unbind()的功能是移除元素绑定的事件,其调用的语法格式如下:unbind([type],[fn])其中,参数type为移除的事件类型,fn为需要移除的事件处理函数。如果该方法没有参数,则移除所有绑定的事件;如果带有参数type,则移除该参数所指定的事件类型;如果带有参数fn,则只移除绑定时指定的函数fn。 1 2 3 4 5 unbind方法移除事件 6 11 12 26 27 28 功能描述:29 在页面中,设置三个按钮,前两个按钮分别执行各自的事件,第三个按钮通过unbind方法移除... 阅读全文
posted @ 2013-10-27 14:52 白小虫 阅读(588) 评论(0) 推荐(0) 编辑
摘要: 在toggle()方法中,可以依次调用N个指定的函数。直到最后一个函数,然后重复对这些函数轮番调用。toggle()方法的功能是每次单机后依次调用函数,请注意到“依次”这两个字,说明该方法在调用函数时并非随机或指定调用,而是用过函数设置的前后顺序进行调用 ,其调用的语法格式如下:toggle(fn,fn2,fn3,[fun4,fn5....]) 其中参数fn,fn2...,fnN为单机时被依次调用的函数。 1 2 3 4 5 toggle切换事件 6 9 10 21 22 23 功能描述:24 在页面中,设置一个色块,当用户第一次单机该色块时,变换其颜色,第二次单机... 阅读全文
posted @ 2013-10-27 14:35 白小虫 阅读(972) 评论(0) 推荐(0) 编辑
摘要: 在jQuery中,有两个方法用于事件的切换。一个是方法hover(),另一个是方法toggle()。所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换。如果一个超链接标记,若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发另一个事件。就可以调用jQuery中的hover()方法轻松实现。hover()功能是当鼠标移动到所选的元素上面时,执行指定的第一个函数;当鼠标移除这个元素时,执行指定的第二个函数,其语法格式如下:hover(over,out)下面代码是等价的:代码1:$("a").hover(function(){ //执行代码一},functi 阅读全文
posted @ 2013-10-27 14:20 白小虫 阅读(938) 评论(0) 推荐(0) 编辑