实现以下的图片效果
如图显示鼠标放在百度谷歌等字样上市动态显示其内容明细：代码如下：<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 ><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例子
时间： 2024-10-17 16:38:57