自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

十三狼的专栏

产品、代码一网打尽

  • 博客(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实现背景图片居中

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;标题&lt;/title&gt;&lt;/head&gt;&lt;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

SWOT分析PPT图表.pptx

适用于PPT模板,主要有SWOT,凑数字好难!适用于PPT模板,主要有SWOT,凑数字好难!适用于PPT模板,主要有SWOT,凑数字好难!

2020-06-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除