自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

转载 tab切换-2016.6.4

以前的tab切换,一般都是自己找网上的源代码,不知道含义,直接套,然后会有一些不知道的问题出现。 最近学习了jq(当然属于懒人的我,学习进度很慢),然后再工作中遇到了tab选项卡,所以决定自己写一个。效果展示(没有美化):即当鼠标点击头部上面菜单时,底下相对应的div出现。HTML:<div class="div-tab"> <...

2016-06-04 13:53:00 156

转载 css3放大效果

参考案例:http://www.web-designers.cn/ http://www.harmay.com/鼠标经过图片,图片放大。1.html:<body> <div> <a href="#"><img src="http://qq1234.org/uploads/allimg/140604/3_14060...

2016-03-18 16:15:00 369

转载 jQuery 点击显示再次点击隐藏

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <div> <s...

2016-03-03 17:31:00 1100

转载 关于display:inline-block和float:left的区别

1 <div class="pag"> 2 <a href="#">首页</a> 3 <a href="#">上一页</a> 4 <a href="#" class="choose">1</a> 5 <a href="#">2</a&...

2016-01-22 15:31:00 145

转载 border家族

border-style:dotted solid double dashed(上边框是点状,右边框是实线,下边框是双线,左边框是虚线)边框样式;border-width(边框宽度);border-radius(创建圆角);border-color(边框颜色);border-shadow(添加阴影);案例1:太极图HTML:<div id="a1"></di...

2015-09-09 18:04:00 119

转载 tab切换-淘宝案例

案例:html:<body> <div class="wrap" id="wrap">   <div class="notic" id="notic">     <ul>       <li class="select"><a href="#">公告</a></li> ...

2015-08-12 14:14:00 158

转载 JS学习笔记01

文章转载pigpigpig4587的 1.Javascript是区分大小写的语言。也就是说、关键字、变量,函数和所有的标识符都必须采取一致的大小写形式。因为html不严格区分大小写,所以在html中写onclick属性时可以写成onClick。但在javascript中必须写成小写onclick。2.Javascipt 定义了一种特殊序列,使用6位ASCII字符代表任意16U...

2015-08-12 10:58:00 143

转载 文字上下滚动效果

案例:第一种:直接用<marquee></marquee> 最终效果可以实现,但是据说用户效果不好(我不知道原因)HTML代码:◎ direction 表示滚动的方向,值可以是left,right,up,down,默认为left ◎ behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)altern...

2015-07-31 17:48:00 276

转载 导航点击变化

a:link{}//未被访问过的链接a:hover{}//鼠标位于其上的链接a:visited{}//已经被访问过的链接a:active{}// 选择活动链接例子一:导航背景色为#0ADDF3; 选中后背景色为#04A7CD;鼠标滑过显示颜色#3BB7EF;html: <div class="nav">   <div class="n...

2015-07-04 15:37:00 217

转载 腾讯新闻导航栏

案例:我做出的第一种效果:html:<body>   <div class="fir">     <ul id="nav">       <li class="items1"><a href="" style=" background: red;">首页</a></li> ...

2015-06-26 14:58:00 689

转载 杂(一)

1.例如注册中的提醒文字:<input type=“text” placeholder=“显示要在文本框中的文字”>2.圆角边框:border-radius3.input中的单选,多选。第一:<div>篮球:<input type="radio" id="" checked="checked" value="" name="yes1...

2015-05-09 16:49:00 122

空空如也

空空如也

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

TA关注的人

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