自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 资源 (34)
  • 问答 (3)
  • 收藏
  • 关注

原创 常用js代码

1.判断浏览器2.获取页面信息(宽高等)3.当页面发生变化时调用函数reset()4.判断手机还是电脑

2016-04-15 15:07:12 324

原创 常用css代码

/* base */dd,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;}body{margin:0;padding:0;background:#fff;text-align:center;font-family:\30e1\30a4\30ea\30aa,Meiryo,\30d2\30e9\30ae\30ce\89d2\3

2016-04-15 14:41:40 409

原创 图片全屏显示

背景全屏显示background:url(../img/bg.jpg) repeat left top; width:100%; background-size:100% 100%; min-height:100%; position:absolute; text-align:left;background-attachment:fixed;效果:background-size:1

2016-07-21 13:27:45 606

原创 div+css垂直居中显示

div+css垂直居中显示 兼容到ie7+HTML: img/01.png"> 02.png"> 02.png"> >CSS:.nav{height:100%; width:151px; top:0px; right:0px; display:table; position:fixed;}.nav .cell{di

2016-07-20 17:59:25 515 1

转载 图片延迟加载

参考网址http://www.w3cways.com/1765.html插件下载地址http://download.csdn.net/download/u010127996/9577237

2016-07-15 17:34:47 274

原创 子元素选择器与定位过滤器的区别

1.子元素选择器,从1开始记数   定位选择器,从0开始记数2.定位元素选择器是整个子元素选择器,:eq(n)和:nth-child(n)的区别:even和:nth-child(even)的区别

2016-07-13 17:30:24 374

原创 jQuery选择器

1 基本选择器名称效率(或说明)最佳选择(或实例)id选择器javascript原型方法高document.getElementById("id")类型选择器javascript原型方法高document.getElementByTagName("div")类选择器使用jQuery选

2016-07-11 18:01:30 250

原创 去掉已有top值

设置top值为"" if(sTop+wHeight>barTop+barHeight){ $('.bar').css({'position':'fixed','bottom':'0px','left':'0px','top':''}); }else{ $('.bar').css({'position':'absolute','top':barTop,'left':'0px'});

2016-06-23 13:19:19 4649

原创 正则表达式

贪婪模式,非贪婪模式

2016-05-26 12:02:01 239

原创 放大镜

1.兼容ie6+

2016-05-23 17:22:34 288

原创 导航条

1.水平2 垂直3.仿苹果导航条

2016-05-09 17:46:38 365

原创 按钮旋转

(图一)              (图二)点击图一中的按钮,按钮变为图二代码下载http://download.csdn.net/download/u010127996/9511024

2016-05-05 16:26:31 508

原创 将图片批量变为30%等情况

1.打开图片2.点击②开始录制动画3.命名4.录制过程中将已打开图像的大小变为30%5.图像缩小成功后,按③停止动画录制6.点击 文件->脚本->图像处理器7.选择对应路径; 文件类型选择jpg【处理jpg图像时】; 运行动作:将图片批量变为30%【选择刚刚录制的动画】;最后点击运行

2016-05-04 15:07:09 296

原创 图片轮播

1.ie10+ (触屏、ie10+)、多种效果(如3d翻转等)2.ie6+ (触屏、ie6+ 、在开始和结尾处触屏无法滑动可点击),适用于仅要求图片轮播时

2016-04-22 11:11:05 230

原创 图片全屏显示——js插件

图片全屏显示,其宽高随着窗口的改变而改变代码下载http://download.csdn.net/download/u010127996/9498395说明:①.h 表示该图片上方部份内容②.ct表示该图片下方部分内容③当上部内容可见时img的position为absolute  当网页滑到上部内容看不见时img的position为fixed

2016-04-21 17:48:02 1516

原创 图片切换

代码下载http://download.csdn.net/download/u010127996/9497741

2016-04-21 10:52:08 214

原创 图片动态效果

代码参考http://download.csdn.net/detail/u010127996/9497140用到的知识点:①transition(http://blog.csdn.net/u010127996/article/details/51095193)

2016-04-20 17:22:58 411

原创 <meta name="viewport" content="width=device-width, ...>

手机,当前页面的窗口宽度设置说明:①user-scalable=0设置用户不可以进行缩放②如果width 和 initial-scale=1同时出现且二者出现冲突时 ,浏览器会取它们两个中较大的那个值【补充:在uc9浏览器中,当initial-scale=1时,无论width属性的值为多少,此时viewport的宽度永远都是ideal viewport的宽度】 例

2016-04-18 13:34:41 1170

原创 倒计时效果

倒计时效果代码下载:http://download.csdn.net/download/u010127996/9493871

2016-04-17 18:16:26 215

原创 弹出窗口

1.iframe

2016-04-14 09:29:18 175

原创 图像优化

1.使用CSS Sprite(CSS精灵)2.图像压缩3.创建不同尺寸的缩略图

2016-04-13 13:23:44 245

原创 js基础效果

1.滑进滑出过程中出现闪动的解决办法2.jquery 判断滚动条到达了底部3.判断浏览器:①判断是否为ie浏览器 ②判断ie的版本4.获取页面信息(宽高等)5.当页面发生变化时调用函数reset()6.判断手机还是电脑

2016-04-13 11:43:56 383

原创 建站_主机的区别(windows和linux)

Windows下自由创建.htaccess文件的N种方法(http://www.zendstudio.net/archives/create-htaccess-file-in-windows/)C:>cd /d E:E:/>①使用屏幕编辑命令copy con .htaccess后回车,输入内容,最后按下ctrl+z结束编辑,就成功生成了.htaccess;②使用重命名命令ren

2016-04-13 11:27:41 484

原创 gif没有半透明效果

1.gif只有透明和不透明两种状态  没有半透明状态

2016-04-13 11:21:46 4228

原创 css基础效果

1.清除浮动2.去掉点击a链接带来的虚框3.去掉已有top值

2016-04-13 11:14:39 214

原创 去掉点击a链接带来的虚框

1.css如何去掉点击a链接带来的虚框a{bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/} /*去除a标签带来的虚框*/

2016-04-13 11:10:28 286

原创 分享网页

1.QQ分享:2.QQ空间分享:3.微博分享:4.腾讯微博分享:5.人人网分享:

2016-04-13 10:43:03 303

原创 联系QQ

1.点击联系QQ  就可以和客服进行对话,而且无需加客服为好友。注意:该QQ必须是进行了推广的推广方式:①进入http://shang.qq.com/v3/widget.html②登录QQ ③同意推广

2016-04-13 09:42:28 256

转载 ==与===的区别

参考网址:http://www.runoob.com/jsref/jsref-operators.html==等于===:值及类型均相等(恒等于)实例:function myFunction() { var x = 5; document.getElementById("demo").innerHTML = (x === "5");}结果:f

2016-04-13 09:20:53 211

原创 css 失效的原因

1.使用link进行css的外部链接时  需写上rel="stylesheet",否则该css将失效即

2016-04-12 17:52:19 935

原创 手机兼容【手机显示与电脑(或指定)的显示不一致】

1.字体的显示大小,与在CSS中指定的大小不一致在google浏览器,手机状态查看的发生原因:Webkit 给移动端浏览器提供的一个特性【「Font Boosting」又称「Text Autosizer」、「Font Inflation」】解决方法:                 由于Font Boost

2016-04-11 14:27:48 1072

原创 css3_实现动画设置其过渡过程中的效果_transition

规定div区域 当鼠标放上去后由宽度100px变为200pxdiv{width:100px;}div:hover{width:200px;}设置宽度100px到200px变化过程的过渡效果【设置width变化的过渡效果,过渡时间为2s,以相同速度运行(linear),延迟1s开始】div{width:100px;transition:width 2s linear 1s;-moz-t

2016-04-08 11:48:36 631

原创 清除浮动

1.【::after】在不确定个数的浮动元素的情况下(js代码会自动生成浮动元素)想设置最后一个浮动元素后面清除浮动,则可以使用一下方法:css  【对于 IE8 及更早版本中的 :after,必须声明 】.clear::after{content: " ";display: block;clear: both;height: 0px;visibility: hidden;}

2016-03-29 11:25:03 227

原创 视差容错

1.背景内容滑动速度与滑动条滑动速度一致【随着滑动条而滑动】解决方法:将background-attachment 属性设置为 "scroll"(默认)实例:css:.top1{background:url(../images/xxx.png) no-repeat;}2.背景内容与滑动条滑动速度(或方向)不一致解决方法:将backgrou

2016-03-28 11:47:29 207

原创 js 基础概念

1.==与===的区别2.var a=$('.demo').css('margin-top')

2016-03-28 10:14:10 278

原创 在网页中加入百度地图

1.使用百度地图名片,可以获得具体某个地址对应的百度地图链接,http://jingyan.baidu.com/article/454316ab7a7111f7a7c03aa0.html

2016-03-25 10:13:14 585

原创 使用iframe需注意的问题

1.iframe中的html代码内有跳转,需使用target=“_parent”或target=“_blank”

2016-03-25 09:32:05 564

原创 浏览器兼容【样式在部分浏览器中正常显示, 部分不正常显示】

1.IE中错误显示2.IE6/Chrome/safari中错误显示3.IE正常,Firefox和Chrome无法正常显示

2016-03-24 17:54:08 6810

转载 $.post()

$.post(url,parameters, function(data,status,xhr) ,dataType)参数 url【必需】(字符串)服务器端资源地址。Parameter【可选】(对象)需要传递到服务器端的参数。 参数形式为“键/值”。function(data,sta

2016-03-24 17:21:37 503

图片轮播_ie10+

图片轮播_ie10+

2016-04-22

图片全屏显示

图片全屏显示,其宽高随着窗口的改变而改变

2016-04-21

淡入淡出效果切换图片

淡入淡出效果切换图片

2016-04-21

常用修改图片文件名bat

常用修改图片文件名bat

2016-04-20

鼠标划过图像,图像放大

鼠标划过图像,图像放大

2016-04-20

弹出窗口_iframe_最终版

①ie7、ie8、firefox及chrome中设置固定被遮挡部分(禁止被遮挡部分的滚动条滚动) ②ie9及以上浏览器中只固定iframe页面,被遮挡部分将随着滚动条滚动【原因使用禁止滚动代码时出错】

2016-04-20

弹出窗口_iframe_最终版本

①ie7、ie8、firefox及chrome中设置固定后方页面内容(禁止后方的滚动条滚动) ②ie9及以上浏览器中只固定iframe页面,后方页面内容将随着滚动条滚动【原因使用禁止代码时出错】

2016-04-20

MacstyleDock,仿苹果下方导航条

MacstyleDock,仿苹果下方导航条

2016-04-18

下方导航条,当鼠标放上去时图像变大

下方导航条,当鼠标放上去时图像变大

2016-04-17

倒计时效果

倒计时效果

2016-04-17

弹出窗口__iframe

①ie7、ie8、firefox及chrome中设置固定后方页面内容(禁止后方的滚动条滚动) ②ie9及以上浏览器中只固定iframe页面,后方页面内容将随着滚动条滚动【原因使用禁止代码时出错】

2016-04-15

弹出窗口_背景固定_iframe

弹出窗口_背景固定_iframe

2016-04-14

弹出窗口_总样式

弹出窗口_总样式

2016-04-14

弹出窗口_Elastic Transition

弹出窗口_Elastic Transition

2016-04-14

js_弹出窗口_iframe

js_弹出窗口_iframe

2016-04-14

弹出窗口_iframe

http://www.jacklmoore.com/colorbox/

2016-04-14

网页设计:Photoshop CS5 + flash CS5 + dreamweaver CS5从新手到高手

网页设计:Photoshop CS5 + flash CS5 + dreamweaver CS5从新手到高手

2014-11-16

垂直居中显示ie7+

垂直居中显示ie7+

2016-07-21

垂直居中ie8+

垂直居中ie8+

2016-07-21

图片延迟加载

图片延迟加载

2016-07-15

小球运动_动画

动画效果

2016-06-20

鼠标划过,放大镜

放大镜

2016-05-25

导航条_垂直1_1605

导航条 垂直

2016-05-23

仿苹果导航条2

仿苹果导航条

2016-05-17

导航条_水平2

导航条 水平

2016-05-10

导航条_水平1

导航条 水平

2016-05-10

导航条_垂直1

导航条 垂直

2016-05-10

导航条_顶部1

导航条_顶部1

2016-05-09

图片轮播_ie6+

图片轮播_ie6+

2016-05-09

点击 按钮 按钮旋转

点击 按钮 按钮旋转

2016-05-05

图像动态效果__变小

图像动态效果__变小

2016-04-25

图像动态效果__变大

图像动态效果__变大

2016-04-25

图像动态效果_变大

图像动态效果_变大

2016-04-25

图像动态效果 变小

图像动态效果 变小

2016-04-25

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

TA关注的人

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