javascript随笔---小白求教
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 200px;
height: 100px;
background-color: #ccc;
position: relative;
float: left;
margin: 10px;
}
div input{
/*text-align: center;*/
background-color: limegreen;
border: 1px solid #FF0000;
margin: 0px auto 0;
position: absolute;
bottom: 10px;
left:50%;
display: none;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
var oBtn = document.getElementById('btn');
var aDiv = document.getElementsByTagName('div');
for(var i=0;i<aDiv.length;i++)
{
aDiv[i].onmouseover = function()
{
aDiv[i].innerHTML = "<input type="button" name="btn" id="btn" value="Select" />";
oBtn.style.display = "block";
};
};
/*aDiv[i].onmouseover = function()
{
oBtn.style.display = "block";
}*/
</script>
</body>
</html>
相关推荐
javascript开发随笔二 动态加载js和文件
这时候最好的做法就是按需引入,动态引入组件js和样式,文件load完成后调用callback,运行js。代码还是很简便的 1. 判断文件load完成。加载状态ie为onreadystatechange,其他为onload、onerror 代码如下: if(isie){ Res.onreadystatechange = function(){ if(Res.readyState == ‘complete’ || Res.readyState == ‘loaded’){ Res.onreadystatechange = null; callback(); _self.loadedUi[model
JS基础随笔(菜鸟必看篇)
下面小编就为大家带来一篇JS基础随笔(菜鸟必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
映彩衣的js随笔(js图片切换效果)
一个合作伙伴的页面效果,鼠标放到 图片上要变成彩色,本来就是一个简单的换色效果,但问题是,图片的高度和宽度不是一样大的。 这就比较麻烦了。如果把图片放到背景里就要一个一个的去定义图片外面的容器<a></a>,要多写很多层叠样式,太麻烦,最后我决定,把图片的高度的一一半,和图片的宽度赋值给它外面的容器<a></a> 然后把图片做了如下处理: 当鼠标移动到图片上让他向上移动30个像素,移开则回到原位。html代码如下: 代码如下: <!–partner_box–> <div class=”partner_box”> <div class=”partner_list”> <div class=”
javascript学习随笔(编写浏览器脚本 Navigator Scripting )
在 HTML 中使用JavaScript JavaScript能以两种方式嵌入HTML: 作为语句和函数使用时,用 SCRIPT 标记 作为事件处理程序使用时,用 HTML 标记 SCRIPT 标记 使用SCRIPT标记把脚本嵌入在HTML中,格式如舷: [removed] _ JavaScript 语句[removed]LANGUAGE属性作为可选项,用于指定脚本语言,用法如下: [removed] _JavaScript 语句[removed][removed]是[removed]的结束标志,之间可以包括任意多的JavaScript语句. JavaS
dahong:个人技术随笔
2019年 十月 六月 2018年 2017年


