特效
Annay_li
随遇而安 不失野心
展开
-
内容在页面中位置导航
html代码: <body> <div id="j_subject"> <!-- 头部/上一部分 --> <div class="nav">nav</div> <!-- 头部/上一部分结束 --> <!-- 版块 --> <div class="box1 cont-box">第一部分</div> <div cl原创 2016-08-26 13:29:25 · 1254 阅读 · 0 评论 -
选项卡切换
html代码:<div class="box clearfix"> <div class="box1"> <ul> <li class="on"><a href="">按钮一</a></li> <li><a href="">按钮二</a></li> <li><a hr原创 2016-08-26 14:01:51 · 635 阅读 · 0 评论 -
内容定位导航js(移动端)
var myexports={};myexports.init = function(){ myexports.moreTxt();//调用}myexports.moreTxt = function(){var subject =$('#j_subject'); var navigation = $('#j_nav'); //导航 var nav = s原创 2016-08-31 18:21:08 · 601 阅读 · 0 评论 -
图片轮播
html <div id="wrapper"><!-- 最外层部分 --> <div id="banner"><!-- 轮播部分 --> <ul class="imgList"><!-- 图片部分 --> <li><a href="#"><img src="./img/test1.jpg" width="400px" height="200px" alt="puss原创 2016-08-26 13:52:11 · 923 阅读 · 0 评论 -
不定宽高的水平和竖直同时居中
.box{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); ,,, }原创 2016-09-01 16:16:23 · 398 阅读 · 0 评论 -
鼠标放图片上,原图上划上去一个透明图片
html: <div class="box"> <div class="box1"></div> <div class="box2"></div> </div>css(引入重置文件后的css):.box{height: 100px;width: 200px;background-color: pink;position:relative;overflow-y:hi原创 2016-08-26 14:06:39 · 2331 阅读 · 0 评论 -
鼠标放上去盒子向上滑动
html: <div class="box clearfix"> <div class="box1"></div> <div class="box2"></div> </div>css(引入重置文件后的车css):.box{height: 500px;width: 500px;background-color: pink;}.box1,.box2{widt原创 2016-08-26 14:09:44 · 3506 阅读 · 0 评论 -
二级导航菜单栏
html:<div id="nav"><ul><li class="first"><a href="#">Home</a></li><li><a href="#">About Me</a></li><li><a href="#">Portfolio</a><ul><li><a href="#">Web</a></li><li><a href="#">Print</a></li><li原创 2016-08-26 14:14:06 · 687 阅读 · 0 评论