web+css+JavaScript小实践
格林黄
这个作者很懒,什么都没留下…
展开
-
HTML+css图片放大
无标题文档*{ margin:0px; padding:0px;}#divHead{ display: block; height: 220px; overflow: hidden; width: 350px;}#divHead:hover img { transform: scale(1.3); transition: all 1s ea原创 2017-04-21 18:35:46 · 1251 阅读 · 0 评论 -
html+css+JavaScript图片之间的转换
html无标题文档 1 2 3 css@charset "utf-8";/* CSS Document */*{ padding:0p原创 2017-04-21 18:41:49 · 558 阅读 · 0 评论 -
css颜色渐变效果
#titleHead{ width:100%; height:170px; background: -webkit-linear-gradient(#960,#CCF); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#960,#CCF); /* Opera 11.1 - 12.0 */ background:转载 2017-04-21 19:04:11 · 369 阅读 · 0 评论 -
选项卡的应用卡
按钮的实现--添加事件 this的使用--先清空所有的按钮,在选中当前按钮内容的实现(div)--先隐藏所有DIv,再显示"当前"DIv索引值的使用(假设用index表示)--什么时候用索引值----需要知道"第几个"的时候html添加index-----会被FF过滤js添加index无标题文档 #div1 div { width:20原创 2017-06-06 20:36:19 · 268 阅读 · 0 评论 -
JS简易日历
无标题文档 #divHead { width:790px; height:430px; text-align:center; background-color:#000000; color:#FFFFFF; } #divHead ul li { margin:2px 2px; display:block; width:220px; height:100px; flo原创 2017-06-08 18:40:07 · 187 阅读 · 0 评论