一个CSS+JavaScript编写的跑马灯程序
转自:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片跑马灯</title>
</head>
<body>
<div style="overflow:hidden; width:350px" id='div'>
<!-- 这里是第一个关键点,overflow 属性规定当内容溢出元素框时发生的事情 -->
<!--
可能的值
值
描述
visible
默认值。内容不会被修剪,会呈现在元素框之外。
hidden
内容会被修剪,并且其余内容是不可见的。
scroll
内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto
如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit
规定应该从父元素继承 overflow 属性的值。
-->
<table width="308" border="1" align="center">
<tr>
<td >
<div id="div1" style=" display:inline">
<img src="image/01_s.jpg" width="214" height="203" style="display:inline"/><img src="image/02_s.jpg" width="214" height="203" style="display:inline"/><img src="image/03_s.jpg" width="214" height="203"style="display:inline" />
</div>
</td>
<td>
<div id='div2' style=" display:inline">
</d
相关文档:
转自http://www.w3cn.org/article/tips/2005/105.html
我们先来看一个菜单的例子,最终效果是:
第一步:建立一个无序列表
我们先建立一个无序列表,来建立菜单的结构。代码是:
<ul>
<li><a href="1">首页</a></li>
<li><a href="2">产品介绍</a></li> ......
hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw- ......
一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="round ......
一、document.formName.item(“itemName”) 问题
问题说明:IE下,可以使用 document.formName.item(“itemName”) 或 document.formName.elements ["elementName"];Firefox下,只能使用document.formName.elements["elementName"]。
解决方法:统一使用document.formName.elements["elementName" ......
在JSP页面上加入
<%String path = request.getContextPath();%>
<link href="<%=path%>/css/style.css" rel="stylesheet" type="text/css">
下列方式貌似不行:
<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../../css/style.css" rel ......