标签：
实现以下的图片效果
如图显示鼠标放在百度谷歌等字样上市动态显示其内容明细：代码如下：
<head>
<title></title>
<!--<link href="css.css" type="text/css" rel="stylesheet"/>-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function initEvent(){
var links=document.getElementsByTagName("a");//获取a标签内容
for(var i= 0;i<links.length;i++){//逐行遍历
var link=links[i];
link.onmouseover=onmouse; //当鼠标经过某行是调用onmouse函数
}
}
function onmouse(){
var div=document.createElement(‘div‘);//动态创建div标签
div.style.position=‘absolute‘;//设置标签属性为手型
div.style.top=window.event.clientY;//设置y坐标
div.style.left=window.event.clientX;//设置x坐标
div.innerHTML=‘saefagfawefaw<font color="red">okok if</font>‘;//将要显示的内容添加到后面
document.body.appendChild(div);//将动态的div跟在body后面
}
</script>
</head>
<body onload="initEvent()">
<a href="http://www.baidu.com" title="aesfwaef;ah">百度</a><br />
<br />
<a href="http://www.baidu.com" title="afwaajmalkm">新浪</a><br />
<br />
<a href="http://www.baidu.com" title="afwaajmalkm">谷歌</a><br />
<br />
<a href="http://www.baidu.com" title="afwaajmalkm">哈哈</a><br />
<br />
</body>
点击右键显示“你好”，点击左键显示禁止复制
<head>
<title></title>
<!--<link href="css.css" type="text/css" rel="stylesheet"/>-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function Click(e){
if(e.button==1){
alert(‘你好‘)
}else if(e.button==2)
{alert(‘禁止复制‘)
return false}
else{
setTimeout(‘close()‘,2000)
}
}
function close(){
window.opener=null;
window.close();
}
</script>
</head>
<body oncontextmenu=" return Click(event)" onmouseup="Click(event)">//oncontextmenu这样就不会让右击菜单出现
</body>
//有点不明白，先收藏着
当点向左滚动式title字样向左，点击享有滚动按钮时title字样想又滚动
<head>
<title>新学期开学课</title>
<!--<link href="css.css" type="text/css" rel="stylesheet"/>-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
var dir=‘left‘;//默认初始化为左
function huigun(){
if(dir==‘left‘){//当dir向left左滚动
var title=document.title;//取到title值
var first=title.charAt((0));//取出第一个字
var last=title.substring((1,title.length));//取出第二到最后的所有字
document.title=last+first; //将第一个字加到最后
}else if(dir==‘rigth‘){//如果向右滚，则同理
var title = document.title;
var first = title.substring(0, title.length -1)
var last = title.charAt(title.length -1);
document.title = last + first;
}
else {alert(‘方向错误!‘)
}
}
function setdir(d){//当鼠标点击按钮同时给dir复制
dir=d;
}
setInterval(‘huigun()‘,5000);//每隔0.5秒刷新一次
</script>
</head>
<body >
<input type="button" value="向左滚动" onclick="setdir(‘left‘);"/>
<input type="button" value="向右滚动" onclick="setdir(‘right‘);"/>
</body>
<input type="button" value="粘贴" onclick="clipboardData.setData(‘Text‘,‘我发现了个好网站，很黄很暴力‘+location.href);alert(‘已经将信息复制到粘贴版中，请快速复制给好友‘);"/>
这是一篇文章
手机号码<input type="text"/>
重复手机号码<input type="text" onpaste="alert(‘为保证您的信息安全，请勿粘贴！‘);return false"/>
如图:
感谢：http://www.cnblogs.com/happygx/archive/2011/03/12/1982019.html (博客园的博主:高兴happy)让我学习很多js例子
标签：
原文地址：http://www.cnblogs.com/mhxy13867806343/p/4382568.html
