笔记练习
关注
分享
扫一扫
文章平均质量分 61
文艺er
这个作者很懒，什么都没留下…
展开
-
可伸缩的搜索框
首先是一个文本框，这个文本框需要一些样式，如阴影和圆角效果；第二，获得焦点和失去焦点时的伸缩效果；第三，文字提示显示（未点击文本框的情况下）和消失效果（点击文本框的情况下）；转载 2014-04-04 17:28:28 · 1310 阅读 · 0 评论 -
鼠标移动Tab切换代码
<html><head><script type="text/javascript"> <!-- function ShowTabs(ID) { for (i = 0; i < 2; i++) { if (i == ID) { d...原创 2014-10-12 17:25:02 · 657 阅读 · 0 评论 -
JavaScript 下拉菜单实现代码
利用css+js实现的下拉菜单。通过getElementsByTagName获取ul,隐藏显示。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmln...原创 2014-10-12 13:57:11 · 1066 阅读 · 0 评论 -
纯css制作带三角border篇(兼容所有浏览器)
<div class="arrow-up"></div><div class="arrow-down"></div><div class="arrow-left"></div><div class="arrow-right"&g原创 2014-09-21 10:36:37 · 216 阅读 · 0 评论 -
纯css3写的步奏框
.step{ position:relative;}.step a{ position:absolute; display:inline-block; color:#fff;}.step a span{ display:inline-block; float:left;}.step a .span_2{ text-align:center; line-height:40px;}...原创 2014-09-21 10:34:56 · 131 阅读 · 0 评论 -
可伸缩的搜索框
首先是一个文本框，这个文本框需要一些样式，如阴影和圆角效果；第二，获得焦点和失去焦点时的伸缩效果；第三，文字提示显示（未点击文本框的情况下）和消失效果（点击文本框的情况下）； <style> input{ color: #ccc; padding: 6px; margin: ...2014-04-04 17:28:00 · 744 阅读 · 0 评论 -
css3和jquery实现的可折叠导航菜单(适合手机网页)
<nav class="nav" role="navigation" style="height: 195px;"> <ul class="nav-items"> <li><a target=_blank href="http://www.w2bc.com"&原创 2014-08-28 09:03:05 · 995 阅读 · 0 评论 -
前端学习网址
1、JavaScript核心：http://weizhifeng.net/javascript-the-core.html2、知乎上，前端开发领域有哪些值得推荐的问答？：http://www.zhihu.com/question/20246142?utm_source=weibo&utm_medium=weibo_share&utm_content=share_question&a...原创 2015-03-18 09:16:30 · 1160 阅读 · 0 评论 -
菜单练习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http原创 2014-08-10 11:33:42 · 224 阅读 · 0 评论 -
CSS滤镜让图片模糊（毛玻璃效果）
<img src="mm1.jpg" /><img src="mm1.jpg" class="blur" /> .blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Oper...原创 2015-02-03 08:51:46 · 555 阅读 · 0 评论 -
网页导航
<!DOCTYPE html><html><head><meta charset="gb2312" /><title>网页导航特效</title><style type="text/css">*{margin:0; padding:0;}body原创 2014-07-20 17:48:31 · 198 阅读 · 0 评论 -
javascript 返回顶部效果
DOM操作 document.getElementById 根据ID获取标签元素document.documentElemet.scrollTop 滚动条的数值，可读写 事件运用 indow.onload 页面加载完毕后触发onclick 点击后触发...原创 2014-12-14 20:59:49 · 218 阅读 · 0 评论