html
假装是仙女
我就是我,不一样的烟火
展开
-
图片内的超链接
点击一张图片内的不同位置,跳转HTML<img src="img/big.jpg" width="400" height="400" usemap="#aaa"> <map name="aaa"> <area shape="rect" coords="0,0,110,110" target="_blank" href="#"> <ar原创 2017-10-30 15:15:07 · 408 阅读 · 0 评论 -
图片自动轮播(仿淘宝??)
先上效果图(给美宅疯狂打call~) 是不是你们要找的效果,是的话就继续往下看hahaha上重点(敲黑板)!!! js <script> $(function () { var containli=$('.contain > li');/*获取背景图的li标签*/ var index=containli.index();/*获取显示原创 2017-10-31 16:05:55 · 1432 阅读 · 0 评论 -
选项卡
样式有点丑,将就看( ˘ ³˘)♥ ( ˘ ³˘) ,重要的是效果直接上代码(简单粗暴)css.tab-contain{ margin: 50px auto; width: 800px; padding:100px; background: #9D9D9D;} .tabs { overflow: hidden; margin: 0; paddi原创 2017-11-09 16:46:01 · 288 阅读 · 0 评论 -
导航条伸缩
css.box{ width: 100%; height: 50px; background-color:gray; z-index: 9999; } ul{ list-style: none; float: left;原创 2017-10-26 09:28:48 · 426 阅读 · 0 评论 -
frameset框架
frameset框架原创 2017-10-24 19:59:41 · 328 阅读 · 0 评论 -
下拉菜单(横向)
css#nav{ background-color:gray ; /*菜单的背景色*/ width: 500px; height: 50px; margin: 0 auto; /*上下为0,左右自动*/ } ul{list-style: none;}/*不带圆点*/原创 2017-10-25 14:29:42 · 3861 阅读 · 1 评论 -
下拉菜单(垂直)
css<style> .icon{ width: 15px; height: 15px; } .one{ background-color: burlywood; } .two{原创 2017-10-26 10:13:11 · 1405 阅读 · 1 评论 -
美化单选框
老规矩,先上图第一种: 第二种: 上面两种长得差不多,但是是用两种方式实现的第一种:通过修改css实现html<div> <input type="radio" class="rdo" name="sex" checked style=""> <label class="rdo-text">男</label> <input type="radio" class="rd原创 2017-11-01 16:47:56 · 1290 阅读 · 0 评论 -
楼层式的主页
天气冷了,做做广播体操~ 第三套广播体操--时代在召唤 做完了,回到正文上先上效果图,有图有真相我只是做了个简单的demo,漂亮的样式自己去设计,毕竟我只是敲代码的html部分<!--导航条 --> <div class="nav"> <ul> <li class="active"><span>1</spa原创 2017-11-22 11:33:24 · 374 阅读 · 0 评论