- 博客(68)
- 资源 (1)
- 收藏
- 关注
转载 jQuery判断点击事件是否在目标区域
很多时候需要在鼠标点击非目标区域div将目标div隐藏的效果,这是需要判断点击事件是否在目标区域内,// 判断点击区域 隐藏/显示其他区域document.onclick = function(e) {e = window.event || e; // 兼容IE7obj = $(e.srcElement || e.target);// 点击区域位于当前节点if (obj.attr('i
2014-06-06 09:26:25
3162
转载 js<a>标签调用函数
点击超链接调用javascript函数,一般人都用但这有个缺点,就是点击链接后,页面上的GIF动画将静止。试看如下代码:<!--function Foo(){ //do something}//-->使GIF动画静止的链接解决方法探讨:链接此时不影响动画显示,但鼠标移上去后,鼠标及超链接样式不发生变化,虽然可以利用样式表来改变鼠标及超链接样式,但毕竟
2014-06-05 17:16:48
1818
原创 jquery 点击函数切换 toggle() 及其其他实现点击切换
toggle(fn,fn) 每次点击时切换要调用的函数。 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。 可以使用unbind("click")来删除。 返回值 jQuery 参数 fn (Function) : 第奇数次点击时要执行的函数。 fn (Funct
2014-06-03 15:16:45
2189
转载 区分各浏览器的CSS hack(包含360、搜狗、opera)
固然说应用css hack来解决页面兼容性bug并不是个好办法,然则有时辰这些hack还是用的着的,比如你接管了一个二手或是三手的遗留界面,混乱无章的css代码,只在某个浏览器下有兼容bug,并且须要短时候内处理惩罚。 下面一段代码可以让你很快哄骗css来为特定的浏览器指定样式。不久不多赘述,看码即懂:属性过滤:_height:10px; /* IE6支撑 */*he
2014-05-29 16:34:02
2393
转载 JQuery 选择和过滤方法代码总结
1、查找所有符合条件的元素 find() 举例: $('ul').find('li').addClass('tmpExample'); 查找页面中ul元素下的所有li元素,并为查找到的li元素增加tmpExample样式。2、查找指定元素的兄弟节点 siblings() 举例:$('li#tmpCarrot').slblings().ad
2014-05-22 10:04:07
731
原创 CSS实现背景图片居中
<!doctype html><html><head><meta charset="utf-8"><title>标题</title></head><body style=" background:url(psb.jpg) top center no-repeat #000
2014-05-12 15:34:01
1141
转载 腾讯QQ和淘宝旺旺在线客服代码
腾讯QQ和淘宝旺旺在线客服代码,可以放上阿里旺旺和QQ的号码,平时隐藏在左侧,鼠标移上后显示,与其它客服表现的形式大致一样。
2014-05-05 09:28:03
2034
转载 JS加入收藏夹
JS加入收藏夹代码,好就好在它具有全兼容性,兼容IE6、IE7、IE8及流行的火狐浏览器,这大大增强了本代码的实用性。JS加入收藏夹function addfavorite(){ if (document.all) { window.external.addFavorite('http://www.baidu.com','收藏夹
2014-05-05 09:22:46
952
转载 源生js回到顶部
回到顶部html{ _overflow:hidden; }body{ _overflow:auto; height:100%;}#div{ background:#ccc; width:400px; height:1500px; text-align:center;}#returntop{
2014-05-05 09:16:54
1168
转载 透明css详
.MyElement{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}具体参数含义如下:opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。
2014-04-23 13:18:39
549
转载 CSS实现圆角、透明在IE、火狐中的代码兼容解决办法
用CSS实现圆角和div透明效果时会遇到一些浏览器兼容性问题,比如下面列举的这些代码,在IE和火狐中对应有不同的代码,对于一个优秀的前端设计师,考虑到兼容性这是必需的。//CSS:透明 IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 FF:opacity:0.6。 //CSS:圆角 IE:不
2014-04-22 16:34:29
794
原创 竖排文字
竖排文字 h1 { width: 50px; font-size: 50px; word-wrap: break-word; letter-spacing: 20px; } 今天天气不错
2014-04-22 16:33:14
582
原创 非电脑平台下hover自动弹出的解决方案
var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x11 = (p == "X11") || (p.indexO
2013-12-09 14:52:55
684
转载 DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
导读:有些相对可以学习,有些已经不是最好的解决方法了,看大家喜欢!CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中
2013-11-28 11:07:39
982
原创 常用的按钮文字旁边带icon的CSS
text-transform: uppercase;font-size: 10px;padding: 7px 28px 6px 0px;background: url("../media/wm3/wm2-learnmorearrow.png") no-repeat scroll right center transparent;
2013-11-27 16:17:39
1835
转载 js上传图片预览
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">html xmlns="http://www.w3.org/1999/xhtml"> body> input type=fi
2013-11-21 15:39:09
754
原创 css固定宽度超出文字自动省略号显示
方案一:代码如下:text-overflow : ellipsis; white-space : nowrap; overflow : hidden;除了固定div或者其他容器宽度以外要显示为点点,以上3个缺一不可;还有,除了firefox,opera其他浏览器都支持,包括可恶的ie6方案二:下文为转摘
2013-11-20 10:55:43
1528
原创 JS 原生控制弹出框注册模块
下文只是一个简单的div+css+js 的弹出demo,但是比较实用也不复杂,扩展性很高;一些绚丽的效果都可以基于这个原型相对来说非常实用。具体扩展我这不多说了。 弹出提示 * {margin:0;padding:0;font-size:12px;} html,body {height:100%;width:100%;} #conten
2013-11-18 10:55:39
956
原创 关于下载PDF无法直接下载的问题
一般浏览器现在都能直接读取PDF 文件,但是由于需要,我们直接改成点击下载,操作比较简单只要放在压缩包里面就可以了——upsvoice
2013-11-14 11:13:52
2057
原创 CSS 实现箭头
相对来说CSS 实现箭头产生的效果简单一点,根据需要来安排。毕竟有些效果是CSS 无法实现的 那就直接切图吧!三角形叠加.pos_rel { position:relative; _line-height:0; width:40px; height:23px;}.pos_rel .icon1 {
2013-11-13 12:14:32
734
转载 jquery淡入淡出
无标题文档 #gallery1 {width:100%; overflow:hidden;} #gallery1 a {position:relative; float:left; margin:5px;} #gallery1 a span { display:none; background-image:url(zoom.png); background-repeat:n
2013-11-12 16:47:02
755
转载 javascript控制Div层透明属性,由浅变深逐渐显示,由深变浅逐渐消失
javascript控制Div层透明属性,由浅变深逐渐显示,由深变浅逐渐消失搬运的留着以后自己看!复制下面蓝色的代码保存为html格式的文件,使用网页浏览器浏览效果 代码支持IE6、7、8/firefox/Chrome浏览器 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.or
2013-11-12 15:31:54
1714
原创 js控制淡入淡出
相对来说可以让初学者看一下,并不太实用,可能jquery4条语句就能解决,但是原生相对有参照性,了解最终原理才是关键。无标题文档 body {margin:0;padding:0;color:#000000;}#div_test { width: 100%; height: 100%; background-color: #000000;
2013-11-12 14:40:43
946
转载 javascript中defer的作用
很多人都已经把 Javascript的用的炉火纯青了,但见到defer未必就知道他是做什么用的;很多人也都遇到过这样的问题,需要直接执行别且操作DOM对象的js 总是报找不到对象的错误,原因大家也都知道就是页面还有没有加载完毕,js的操作对象还在下载中。但很多人都不知道,添加defer标签就能轻而易举的解决这个问题。中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题-
2013-11-12 11:20:05
690
原创 延迟加载各种
1:setTimeout(function(){alert("Hello world");},10000);2:script>// xigae ,2009-14-17var psto = window.setTimeout;//保留系统原方法句柄window.setTimeout = function(fun,tCount){ if(typeof fun =='function'
2013-11-12 11:10:33
728
转载 jQuery解决input中placeholder值在ie中无法支持的问题
无标题文档//第一种方法$(document).ready(function(){ var doc=document,inputs=doc.getElementsByTagName('input'),supportPlaceholder='placeholder'in doc.createElement('input'),placeholder=function(inpu
2013-11-12 10:40:42
1448
转载 常用的图片居中HTML实现兼容较好
22:20 2011-5-15垂直居中及容器内图片垂直居中的CSS解决方法作者:vinci 日期:2007-05-09Div与CSS布局,最让人头疼的就是容器内的东西如何垂直居中的问题,我在做站时也遇到,查了一下资料,总结出以下居中办法,兼容IE与及Firefox方法一 HTML代码* {margin:0;padding:0}div { width:5
2013-11-11 09:42:51
539
转载 CSS float 属性——清除浮动
方法1: 如果子div用了float,那么display:block和clear:both两个样式就没了,所以就不会撑 开父div,可以在子div后面加一个来解决。 此方法对ie6、ie7、ff都有效。 方法2: a.定义一个伪对象。 .clearf
2013-11-11 09:40:32
637
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅