历史文档 | ICOjump - 交互设计是衔接用户与产品的工具

[css]多个类似元素改变样式的简单方法

2007年08月17日

程序代码

http://bbs.blueidea.com/thread-2703953-1-1.html

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>“>
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>“>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多个类似元素改变样式的简单方法</title>

</head>
<body>

<div id="menu">
<script type="text/javascript">
for (i=1; i<11; i++){
document.write("

")}
</script>
</div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[今天FF下碰到的问题]z-index, overflow,positiion

2007年08月14日

HTML代码

<ul>

</ul>

</div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

这段代码在FF下运行，图片会在黑色背景下面
解决方法：#case li:hover{overflow:visible;} 另外有2篇关于这个方面的文章：
http://bbs.blueidea.com/thread-2778532-1-1.html
http://bbs.blueidea.com/thread-2777105-1-3.html

[网站换肤]关于网站换肤的改进

2007年08月04日

程序代码

上一次的文章：http://www.lming.cn/article.asp?id=161

这次给大家看一段代码，具体作用大家从里面发现，效果见 http://www.wantree.cn
这段代码是通不过css验证的，因为找不到样式表~~~不过为了效果也无所谓啊，呵呵，因为样式表是通过的哈哈

HTML代码

<html>
<head>
<link ID="skin" rel="stylesheet" type="text/css">
<title>换肤技术</title>
<script LANGUAGE=javascript>

</script>
</head>
<body>

<p>请选择下面的下拉菜单测试换肤效果</p>

<a href=# onclick="changecss('css.css')">css.css</a>
<a href=# onclick="changecss('css1.css')">css1.css</a>
<a href=# onclick="changecss('css2.css')">css2.css</a>
<a href=# onclick="changecss('css3.css')">css3.css</a>
<br />
<select onchange="changecss(this.value)"> 
<option>选择样式单文件</option>
 <script language="javascript">
var csss=new Array();
csss[0]="css.css";
csss[1]="css1.css";
csss[2]="css2.css";
csss[3]="css3.css";
var i;
for(i=0;i<4;i++)
if(thisskin==csss[i])
document.write("<option value=\""+csss[i]+"\" selected>"+csss[i]+"样式单文件</option>");
else
document.write("<option value=\""+csss[i]+"\">"+csss[i]+"样式单文件</option>");
</script>
</select>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

服务器端的换肤

程序代码

http://www.sharkui.com/articles/article.php?id=27

ICOjump – 交互设计是衔接用户与产品的工具

[fireworks]神奇的3D插件 3D Primitives

[排序]表格排序的JS类

[css]多个类似元素改变样式的简单方法

[今天FF下碰到的问题]z-index, overflow,positiion

[网站换肤]关于网站换肤的改进

这里都有我

分类

标签云

最新文章