一个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
相关文档:
今天开始做我们公司内部使用的ITSM系统的静态页面,这个页面好复杂,当然,我是一个才开始做页面的家伙,所以对我来说还有一定的难度。侧栏要折叠,菜单要Js控制,我本来以前是搞编程的,都是直接用人家的页面,css和js都只是会一点皮毛,现在伤到我的心了。
今天还有一个不幸的消息,我竟然挂了一科,大学4年的清白生活啊 ......
hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw- ......
盒子标签和属性对照
CSS语法(不区分大小写)
JavaScript语法(区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
早上在csdn上看有人问页面style sheet怎么修改里面的rule,就写了个类,该类对兼容FF和IE做了处理。
/**//*--------------------------------------------
描述 : 添加新的样式rule
参数 : styleSheets索引
代码 :&nb ......
function f_MobilCheck(as_SourceString)
{
if(as_SourceString.match(/^13[0-9]{9}$/g)) return true; //手机号为13开头的11位数字
else if(as_SourceString.match(/^[0]{1}[0-9]{2,3}[2-8]{1}[0-9]{5,7}$/g)) return true; //小灵通为0开头的3-4位的区号+不以1和9开头的6-8位数字
retur ......