Html/CSS
JOY的小鱼
这个作者很懒,什么都没留下…
展开
-
设置首页、加入收藏、打印页面、关闭
function addFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } catch (e) { try { window.sidebar.addPanel(sTitle, sURL, ""); } catch (e) { alert("加入收藏失败,请使用Ctrl+D转载 2012-04-23 16:12:07 · 851 阅读 · 0 评论 -
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
网上有关这方面的代码比较多而乱,这里整理一下并加以改进。添加事件var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent)转载 2012-07-21 02:43:33 · 20747 阅读 · 0 评论 -
监听输入框值的即时变化onpropertychange、oninput兼容IE,Chrome,FF,Opera等
要达到的效果很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等。只要我们能捕获即时事件就能做到很多事情。需要了解的知识首先,我们需要了解onchange和onpropertychange的不同:IE下,当一个H原创 2012-07-21 02:34:44 · 13569 阅读 · 2 评论 -
关闭浏览器输入框自动补齐,兼容IE,FF,Chrome等
firefox 和 ie 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录。 MSIE自定义了input 的扩展属性 autocomplete,置为off即可 autocomplete="of原创 2012-07-21 03:28:19 · 1756 阅读 · 0 评论 -
js、javascript判断是汉字还是字母
var str = "abc";if(/^[a-zA-Z]*$/.test(str)){ alert("“" + str + "”里全是字母!");}else if(/^[\u4e00-\u9fa5]*$/.test(str)){ alert("“" + str + "”里全是汉字!");}原创 2012-07-22 19:56:43 · 2220 阅读 · 0 评论 -
CSS控制图片大小的方法
一、网页制作技巧实例解决:用CSS控制图片自适应大小图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢?我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了。我们看下面的代码:div img {max-width:600px;原创 2012-08-20 14:22:48 · 1813 阅读 · 0 评论 -
js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中:转载 2012-09-03 14:59:59 · 417 阅读 · 0 评论 -
让span有固定宽度 兼容IE和firefox
最终代码:1.解释:http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Test Spanspan {background-color:#ffcc00;width:150px ;}fixed width span通过试验以后发现,无效,无论是在Firefo原创 2012-12-21 15:20:25 · 431 阅读 · 0 评论 -
href的用法
*.location.href 用法: top.location.href=”url” 在顶层页面打开url(跳出框架) self.location.href=”url” 仅在本页面打开url地址 parent.location.href=”url” 在父窗口打开Url地址 this.location.href=”url”转载 2013-05-31 15:42:33 · 1787 阅读 · 0 评论 -
IE 判断代码
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识别 10.原创 2013-07-04 10:44:58 · 458 阅读 · 0 评论 -
Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选原创 2013-09-16 00:22:45 · 738 阅读 · 0 评论 -
jQuery,使用on代替delegate,live 写法区别
早期对页面上后期加载的动态元素,赋事件或值的时候,是使用live的. 由于效率比较低(其实数据不多也感觉不出来),后面使用delegate委托来代替了,再后面,1.7以后使用on 来代替delegate了. live,delegate在新版本中都还可以用. 它们在写法上有差别,一段时间不写容易混,写下来备忘. 如点击div里的任意一个button时增加一个新button:页面转载 2014-03-20 09:58:32 · 14971 阅读 · 2 评论 -
防止表单回车form自动提交以及检测回车事件并处理
1、回车表单自动提交这个问题的原因在于一个Form里只有一个text元素,添加一个隐藏的text即可解决这个问题 2、检测页面回车时间 代码1:$(document).keypress(function(e) {var actId = document.activeElement.id;if (e.which == 13) {if (actId == "search_v原创 2012-07-15 22:14:52 · 3547 阅读 · 0 评论 -
css实现强制不换行/自动换行/强制换行
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行: overflow:hidden 隐藏 white-space:norm原创 2012-07-15 11:09:05 · 806 阅读 · 0 评论 -
判断 iframe 是否加载完成的完美方法
Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法(很完美):var iframe = document.createElement("iframe");iframe.src = "http://www.planabc.net";if (iframe.attach转载 2012-06-28 10:17:15 · 531 阅读 · 0 评论 -
Iframe根据内嵌元素的高度自适应高度-同域
// index.html 页面的部分代码function reinitIframe(){var iframe = document.getElementById("c-c-iframe");try{var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = if转载 2012-04-23 16:14:33 · 1526 阅读 · 0 评论 -
CKEditor3.x 在Java项目中配置、包括图片上传(支持FTP、图片压缩)
CKEditor 3.x配置说明一、基本使用: 1、所需文件架包A. Ckeditor基本文件包,比如:ckeditor_3.6.2.zip 下载地址:http://ckeditor.com/download 2、配置使用A.将下载下来的CKEditor压缩解压,将解压后的文件夹(“ckeditor”)拷贝进项目里面,比如我是放在”WebContent”的”comm原创 2012-04-24 14:17:06 · 3740 阅读 · 0 评论 -
Jquery图片轮播效果
效果如下图:代码:点击下载原创 2012-04-25 10:37:25 · 1031 阅读 · 0 评论 -
一个简短的脚本判断浏览器是否是IE
//if(-[1,]){alert("这不是IE浏览器!");}else{alert("这是IE浏览器!");} //]]>转载 2012-04-26 14:01:25 · 469 阅读 · 0 评论 -
网站变灰
我们的网页变灰色加到这里html {FILTER: gray}部分牛站 不好用就用这个。BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}-->***************************************************转载 2012-04-23 16:13:00 · 659 阅读 · 0 评论 -
IE6下DIV的默认高度问题
IE6下默认的字体尺寸大致在 12 - 14px 之间,具体看你页面上的设置,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层,甚至max-height也不能解决。 要解决这个问题,可以强制定义该转载 2012-05-31 11:22:25 · 356 阅读 · 0 评论 -
JavaScript、js跳转到锚点
location.hash="anchor";#window.location.hash="anchor";代码如上。原创 2012-06-21 15:15:45 · 476 阅读 · 0 评论 -
图片垂直居中的使用技巧
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”题目的难点在于两点:垂直居中;图片是个置换元素,有些特殊的特性。至于如何解决,下面是一个权衡的相对结构干净,CSS简单的解决方法:.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell;原创 2012-06-21 16:41:08 · 291 阅读 · 0 评论 -
Jquery图片轮播效果2
点击下载:http://download.csdn.net/detail/itchiang/4381963转载 2012-06-24 19:29:38 · 532 阅读 · 0 评论 -
天猫商城砸自动砸金砖脚本备忘,以后又类似活动可以扩展
var click_t = 1000;window.setInterval(function(){document.getElementById('J_Vol_Brick_Btn').click();click_t = Math.floor(Math.random()*1000+300);}, click_t);火狐浏览器,同时按Shift+Ctrl+K,在弹出的窗口中,将上面代码复制原创 2012-06-24 19:31:10 · 3203 阅读 · 0 评论 -
iframe异步加载技术及性能
这是一篇原创翻译文章。原文地址。我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载,不会阻塞主页面。当然使用iframe也是有利有弊的:Steve Souders在他的blog里面有阐述:Using Iframes Sparingly:iframe会阻塞主页面的onload事件主页面和iframe共享同一个连接池转载 2012-06-28 11:14:25 · 512 阅读 · 0 评论 -
JS实现新打开网页最大化or全屏显示
一个新的小功能,用户希望打开的页面可以全屏显示~唔~不是实现F11那种效果,只是填满任务栏上方的屏幕~ function openwintask(url) { if (url != null) { try { var feature = 'top=0, left=0,toolb转载 2015-05-21 09:24:33 · 17725 阅读 · 2 评论