HTML7常用的类型刮刮乐 光棒效果
常用的类型:
1.数学:
Math.ceil():天花板数
Math.floor():地板数
Math.round():四舍五入取整数
Math.random():生成0-1之间的随机数
2.日期时间:
var s = new Date();
var s = new Date(1999,7,23);
函数:
getFullYear():
getMonth():
getDate():获取日
getHours()
getMinutes()
getSeconds()
getDay():获取星期
setFullYear(year,month,day)
setHours(hour,minute,second,ms)
toLocaleDateString():转化为本地的日期时间格式字符串
3.字符串
length:字符串的长度
toLowerCase()
toUpperCase()
//压缩字符串中的两端空格。
function Trim(m){
while((m.length>0)&&(m.charAt(0)==' '))
m = m.substring(1, m.length);
while((m.length>0)&&(m.charAt(m.length-1)==' '))
m = m.substring(0, m.length-1);
return m;
}
indexOf("子串"):第一次出现的位置
lastIndexOf("子串"):最后一次出现的位置
以上两个方法,如果父串中不包含子串,则返回-1
substr("起始位置","截取长度")
substring("起始位置","结束位置")
<title>无标题文档</title>
<style type="text/css">
.cc{
width:120px;
height:120px;
background-color:rgb(102,255,102);
}
.dd{width:120px;
height:120px;
border:1px solid blue;
float:left;
margin:10px;}
</style>
<script language="javascript">
function hidediv(dd)
{
dd.style.display="none"
var s=dd.parentNode.getAttribute("haha");
if(s=="1")
{
alert("恭喜你中大奖");
window.location.reload();
}
}
</script>
</head>
<body>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
<div class="dd"><div class="cc" onclick="hidediv(this)"></div></div>
</body>
</html>
<script language="javascript">
var divs=document.getElementsByTagName("div")
for (var i=0;i<divs.length;i++)
{
if (divs[i].className=="dd")
{
var n=(Math.round(Math.random()*100000000)%10)+1;
var path="images/"+n+".png";
divs[i].style.backgroundImage="url("+path+")"
if(n == 1)
{
divs[i].setAttribute("haha","1");
}
}
}
</script>
<title>无标题文档</title>
<script language="javascript">
function doup(dd){
dd.style.borderColor="gray";
dd.style.backgroundColor="#009900";
dd.style.margin="0px 0px 0px 0px";}
function dodown(dd){
dd.style.borderColor = "blue";
dd.style.backgroundColor="green";
dd.style.margin="1px 0px 0px 1px"
}
</script>
</head>
<body>
<span style="display:inline-block;padding:5px; background-color:green; border:3px solid gray; cursor:default " onmousedown="dodown(this)" onmouseup="doup(this)" >点开</span>
</body>
</html>
<title>无标题文档</title>
<script language="javascript">
var bg="white"
function doover(tt)
{
bg = tt.style.backgroundColor;
tt.style.backgroundColor="yellow"
}
function doout(tt)
{
tt.style.backgroundColor=bg}
</script>
</head>
<body>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr style=" background-color:#ffccff" onmouseover="doover(this)" onmouseout="doout(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr style=" background-color:rgb(51,255,153)" onmouseover="doover(this)" onmouseout="doout(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr style=" background-color:navy" onmouseover="doover(this)" onmouseout="doout(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr style=" background-color:rgb(204,255,153)" onmouseover="doover(this)" onmouseout="doout(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr style=" background-color:blue" onmouseover="doover(this)" onmouseout="doout(this)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
HTML7常用的类型刮刮乐 光棒效果的更多相关文章
- asp.net操作GridView添删改查的两种方法 及 光棒效果
这部份小内容很想写下来了,因为是基础中的基础,但是近来用的比较少,又温习了一篇,发现有点陌生了,所以,还是写一下吧. 方法一:使用Gridview本身自带的事件处理,代码如下(注意:每次操作完都得重新 ...
- webform 光棒效果,删除操作弹出确定取消窗口
鼠标移入onmouseover和鼠标移出onmouseout,代码里没大写我这也就不大写了.那首先,我们得获取Class为tr_item里的所有东西,也就是项标签里的数据.然后呢,我们定义一个oldC ...
- jquery添加光棒效果的各种方式以及简单动画复杂动画
过滤器.绑定事件.动画 一.基本过滤器 语法 描述 返回值 :first 选取第一个元素 单个元素 :last 选取最后一个元素 单个元素 :not(selector) 选取去除所有与给定选择器匹 ...
- HTML——JAVASCRIPT——光棒效果
光棒效果:建立一个表格,鼠标放到哪一行,哪一行的颜色就改变,鼠标离开那一行,那一行的颜色就恢复到原来的颜色 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
- 使用javaScript和JQuery制作经典面试题:光棒效果
使用javaScript与jQuery添加CSS样式的区别和步骤 使用javaScript制作光棒效果 --首先是javaScript <script> $(function () { v ...
- Jquery实现光棒效果
<script type="text/javascript"> $(function () { var $bac; $("#d1 tr").hove ...
- jQuery中.bind() .live() .delegate() .on()的区别 和 三种方式写光棒事件 动画
地狱的镰刀 bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数. $("a").bind("click",function(){ ...
- JavaScript--------------------jQuery中.bind() .live() .delegate() .on()的区别 和 三种方式写光棒事件 动画
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数. $("a").bind("click",function(){alert( ...
- 用js写出光棒效应的两种方法与jquery的两中方法
<script src="js/jQuery1.11.1.js" type="text/javascript"></script> &l ...
随机推荐
- 关于asp.net简单的下载问题
关于asp.net的下载,只需将打开相应的文件路径就能在浏览器上实现下载功能,比如项目的同级目录上有一个文件 苍老师.zip<a href="苍老师.zip">< ...
- .Net+MySQL
网上很少用.Net+MySQL的组合的,所以资料比较少,发现一个赶紧分享给大家. 通常数据库连接字符串为:Database=dbname;Data Source=192.168.1.1;Port=33 ...
- MVC学习 (一)
在学习MVC之前对asp.net MVC已经有了一些了解,但是还是有很多的疑问,接下来我慢慢来看书学习并带着问题写博客以作记录. 1.MVC是什么? 2.Asp.net MVC和传统的Asp.net ...
- SQL Server 2008 忘记sa密码的解决办法
由于某些原因,sa和windows验证都不能登录 sql server,可以用独占模式,修改sa密码先在服务管理器停止Sql Server服务,然后打开命令行,进入 SQL Server安装目录,进入 ...
- Activity之间通过intent 传递Map
//传递 Map<String,Object> data=orderlist.get(arg2-1); SerializableMap tmpmap=new SerializableMap ...
- 80端口被NT kernel & System 占用pid= 4的解决方法
引用http://www.2cto.com/os/201111/111269.html的方法.亲测可用 该进程是Http.sys.它是http API的驱动组件,Http栈服务器.如果该端口被Http ...
- 终极解法According to TLD or attribute directive in tag file, attribute select does not accept any expressions
3天硬是是把这个问题解决了 有时候突然上个厕所灵感就来了 第一次向用JSTL解析xml 然后我想遍历整个xml文档打印出来 居然不让我输入变量 那让我怎么办啊 在网上各种找答案 说什么<%@ t ...
- golang illegal base64 data at input byte
//one reason is whitespace ciphertext = strings.Replace(ciphertext, " ", "", -1) ...
- windows 文件watch nodejs
本篇博客,主要是记录下最近一直纠结的gulp.watch方法,在工作中我们肯定都遇到过,新添加的文件没办法自动触发watch,下面我们就来看有什么办法处理 1.首先我们肯定是先百度一下 百度推荐的是g ...
- 关于twitter的GIF变mp4的测试
这个事是好久之前听说了,今天FQ的时候突然想起来了,就去测试了一下这个gif转MP4到底有多神奇... 这个是我的twitter地址:https://twitter.com/chendatony31 ...