当当总结
2016-07-11 18:06
351 查看
在写当当网站的时候发现了很多问题。有些东西不是很会用 现在记录一下:
1、设置密码框里面的内容为隐形汉字:placeholder="密码";
2、设置ul li的格式消除:display:inline-block;
3、改变字体颜色:
<style type="text/css">
#t1:link{color:#000000;} /* 未访问的链接颜色 */
#t1:hover{color:#FF0000;} /* 鼠标在链接上颜色 */
#t1:active{color:#FF33FF;} /* 点击激活链接颜色 */
</style>
4、设置边框为实现:border-style:solid;
设置边框的上面线条不可见:border-top:hidden;其他三个方向的属性设置一样
5、div下面的margin-top/left/right/bottom属性
6、设置图片轮转的时候如果整个界面的图片<img>标签不止一个。这个图片会首先出现在第一个位置。这个时候就需要我们现货去你想去的地方的id然后再获取它的
tagname
<div id="main1">
<tr style="width:550px;height:300px;background-color:#ffffff;">
<img width="550"height="300"src="d1.bmp" id="tupian1"/>
</tr>
7、设置内容可见:document.getElementById("center1").style.display="block";
8、设置内容不可见:document.getElementById("center1").style.display="none";
1、设置密码框里面的内容为隐形汉字:placeholder="密码";
2、设置ul li的格式消除:display:inline-block;
3、改变字体颜色:
<style type="text/css">
#t1:link{color:#000000;} /* 未访问的链接颜色 */
#t1:hover{color:#FF0000;} /* 鼠标在链接上颜色 */
#t1:active{color:#FF33FF;} /* 点击激活链接颜色 */
</style>
4、设置边框为实现:border-style:solid;
设置边框的上面线条不可见:border-top:hidden;其他三个方向的属性设置一样
5、div下面的margin-top/left/right/bottom属性
6、设置图片轮转的时候如果整个界面的图片<img>标签不止一个。这个图片会首先出现在第一个位置。这个时候就需要我们现货去你想去的地方的id然后再获取它的
tagname
<div id="main1">
<tr style="width:550px;height:300px;background-color:#ffffff;">
<img width="550"height="300"src="d1.bmp" id="tupian1"/>
</tr>
function tupianchange() { var imgs=document.getElementById("main1"); var srcc=imgs.getElementsByTagName("img"); var imagsrc=["d2.bmp","d3.bmp","d4.bmp","d5.bmp","d6.bmp","d7.bmp","d8.bmp"]; srcc[0].setAttribute("src",imagsrc[i]); i++; if(i==7) { i=0; } }
7、设置内容可见:document.getElementById("center1").style.display="block";
8、设置内容不可见:document.getElementById("center1").style.display="none";
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具