jsday08(大小写 跟随广告 需要加上"px" 级联菜单 添加附件 删除附件)
2017-09-01 08:30
393 查看
<script type="text/javascript">
function seldemo()
{
var selNode = document.getElementById("selid");
var value = selNode.options[selNode.selectedIndex].value;//因为是数组所以是中括号
var divNode1 = document.getElementById("div22");//拼写
var divNode2 = document.getElementById("div23");
//alert( divNode1.nodeName);
divNode1.style.textTransform=value;
divNode2.innerText="text : "+value+";";
}
</script>
<style type="text/css">
#div22{
background-color:#F00;
width:400px;
height:300px;
}
</style>
</head>
<body>
<div id="div22">
text-transform : none;
</div>
<select id="selid" onchange="seldemo()">
<option value="none">--none--</option>
<option value="uppercase">大写</option>
<option value="lowercase">小写</option>
</select>
<p></p>
<div id="div23">
text-transform : none;
</div>event.x 和event.clientX只有数值 没有px div移动需要px 加上字符串即可
<style type="text/css">
#bodyid{
border:#000 1px solid;
position:absolute;
width:800px;
height:600px;
}
</style>
<script type="text/javascript">
var x=1, y=1 ,movex = 0,movey= 0;
function movead()
{
var divObj = document.getElementById("ad");
movex= movex+x*5;
movey = movey+y*5;
divobj.style.top = movey ;
divobj.style.left = movex;
if(movex+divObj.offsetWidth>=document.body.clientWidth)
x=-1;
else if (movex<=0)
x=1;
if(movey+divObj.offsetHeight>=document.body.clientHeight)
y=-1;
else if (movey<=0)
y=1;
}
var timeid;
function over()
{
claerInterval(timeid);
}
function out()
{
fly();
}
function fly()
{
timeid = setInterval("movead()",10);//来回飞 10秒一次飞循环
}
window.onload=function()
{
fly();
}
function closead()
{
var divObj=document.getElementByIde("ad");
divObj.style.display="none";
over();
}
/*
window.onload=function()
{
document.body.onmousemove = function()
{
var adNode = document.getElementById("ad");
adNode.style.left= event.x;
document.write(adNode.style.left);
adNode.style.top = event.y;
}
}
adclose()
{
alert(11);
var adNode = document.getElementById("ad");
adNode.style.display="none";
}
*/
</script>
</head>
<body>
<div id="ad" style="position:absolute;left:200px;top:11px" onclick="adclose()">
<a href="http://www.ad.com" target="_blank"><img src="1png.png" height="160px" width="200px" /></a>
</div>
<div id="bodyid">
body区域
</div>
<!--
表单中的组件
单选框复选框
这两个组件 都有一个属性来表示其选中与否给的状态 checked
完成一个对多个复选框 进行全选的操作
思路将全选的那个复选框的checked状态赋给 所有的其他checkbox即可
1、用this 2、通过srcElement event 的属性 3、将角标进行传递
<input type="checkbox" name="all" onclick="checkAll(0)"/>全选
<input type="checkbox" name="item"/>
<input type="checkbox" name="item"/>
<input type="checkbox" name="item"/>
<input type="checkbox" name="item"/>
<input type="checkbox" name="all" onclick="checkAll(1)"/>全选
<script type ="text/javascript">
function checkaAll(index)
{
var node = document.getElementsByName("all")[index];
var items = document.getElementsByName("item");
for (var x= 0;x<items.length;x++)
{
items[x].checked= node.checked;
}
}
</script>
7、获取鼠标的坐标 让指定区域随着鼠标移动
获取鼠标坐标 event.x event.y;
指定区域随鼠标移动其实就是改变了指定区域的left top 属性的值
这里需要用到的事件 body对象的onmousemove事件
还需要用到一个css样式 直接定义页面 所以区域都在同一层次
为了对某一个区域进行定位 将该区域分离到另一个层次 用到css中的position属性
-->
</body><script type="text/javascript" src="doctool.js"></script>
<script type="text/javascript">
function selCity()
{
var arr= [['选择城市'],["1","2","3"],["11","22","33"],["111","222","333"],["1111","2222","3333"]];
var index = byId("selid").selectedIndex;
//alert(byId("selid").options[index].innerText);
var subselNode = byId("subselid");
var city = arr[index];
subselNode.options.length=0;//还原长度 不会附赠
/*for(var x= 0; x<subselNode.length;)
{
//alert(x+".."+subselNode.options[x].innerText+".."+subselNode.options.length);
subselNode.removeChild(subselNode.options[x]); //会增加长度要小心 只能增加一个 可以选择删除循环后自增的x++
}*/
for(var x= 0;x<city.length;x++)
{
optNode = doc.createElement("option");
optNode.innerText =city[x];
subselNode.appendChild(optNode);
//alert(city[x]);
}
}
</script>
</head>
<body>
<select id="selid" onchange="selCity()">
<option>--选择省市--</option>
<option>北京</option>
<option>浙江</option>
<option>嗯嗯</option>
<option>学校</option>
</select>
<select id="subselid">
<option>--选择城市--</option>
</select><style type="text/css">
table td a:link,table td a:visited{
text-decoration:none;<!--去掉下划线-->
color:#0F0;
}
table,table td{
border:#033 1px solid;
}
</style>
<script type="text/javascript" src="doctool.js">
</script>
<script type="text/javascript">
var count=1;
function addFile()
{
var tabNode = byTag("table")[0];
var trNode = tabNode.insertRow();
trNode.id= "tr_"+count;
var tdNode_file = trNode.insertCell();
var tdNode_del = trNode.insertCell();
tdNode_file.innerHTML="<input type='file'/>";
//tdNode_del.innerHTML="<a href='javascript:void(0)' onclick='delfile("+count+")'>删除附件"+count+"</a>";
tdNode_del.innerHTML="<a href='javascript:void(0)' onclick='delfile2(this)'>删除附件"+count+"</a>";
count++;
}
function delfile2(node)
{
//alert(node.nodeName);//该节点是 A 即td内的内容
var trNode = node.parentNode.parentNode;
trNode.parentNode.removeChild(trNode);
}
function delfile(num)
{
var trNode = byId("tr_"+num);
/*var tabNode = byTag("table")[0];
var tbdNode = tabNode.childNodes[1];
alert(tbdNode.nodeName);
tbdNode.removeChild(trNode);*/
//alert(trNode.parentNode.nodeName);
trNode.parentNode.removeChild(trNode);//通过其父节点 removeChild
}
</script>
</head>
<body>
<table>
<tr>
<td>
<a href="javascript:void(0)" onclick="addFile()">添加附件
</a>
</td>
</tr>
</table>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping"解决方案
- 删除cookie的时候，setMaxAge(0）有可能不起作用，需要加上cookie.setPath("/");[domain也很重要]
- 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping"解决方案 .
- 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping"解决方案
- 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping"解决方案
- [原创]可以自由添加，删除，编辑大小分类的基于ｘｍｌ的级联菜单
- javaseday38补充(下拉菜单改变字体颜色 级联菜单制作删除 删除附件)
- Mac OS X下删除或添加鼠标右键菜单项目及清除Mac OS右键菜单重复项
- 用SQL语句添加删除修改字段、一些表与字段的基本操作、数据库备份等，需要的朋友可以参考下。
- 删除chrome添加应用程序快捷菜单
- android 彩信附件添加删除
- 鼠标右键新建菜单删除或添加项目
- 为何我无法使用"添加或删除程序"功能？
- Hibernate 级联添加删除
- 添加删除右键菜单打开MS-DOS的方法和批处理
- 彩信附件添加删除
- 对Sql Server中的表添加级联更新和级联删除的几种方法
- 添加到Embedded Binaries的框架也需要加到"Link Binary With Libraries"列表
- js添加删除附件
- sql添加外键，并对其进行级联删除，更新