日期:2014-05-18 浏览次数:20145 次
点击图片复制图片链接到剪贴板,可以把img标签放到一个div容器里面,在该div(id="imgs")下通过js循环使每一个图片点击时调用一个复制地址的函数
以下是HTML网页特效代码,点击运行按钮可查看效果: 以下是程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="all" /> <meta name="author" content="colinivy" /> <meta name="Copyright" content="Copyright (c) 2000-2007 colinivy" /> <meta name="Description" content="About colinivy's world." /> <meta name="Keywords" content="Colinivy,web, xhtml, css, design" /> <link href="style/global.css" rel="stylesheet" type="text/css" media="screen" /> <title> Colinivy's world</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="animated_favicon1.gif" type="image/gif" /> <style type="text/css"> #info_hidden { position:absolute; visibility:hidden; } img { cursor:pointer ; } </style> </head> <body> <div id="imgs"> <img src="http://www.chocobo.cn/C820716C1FB39D88F97D7D3CB8EFBD0D.gif"> <img src="http://www.chocobo.cn/EC17F151D50F6C785B987DD1FE1F9FA6.gif"> <img src="http://www.chocobo.cn/42DA1E071E86F46903EBF9D7CD465371.gif"> <img src="http://www.chocobo.cn/F30AAC8C2B4141FB65F4C4EC75C9D943.gif"> <img src="http://www.chocobo.cn/FFFFF4040F262CE0B9391D01F0F239B5.gif"> <img src="http://www.chocobo.cn/631EAEF8A61C249C1543C91A486609A1.gif"> </div> <span id="info_hidden"></span> </body> <script type="text/javascript"> <!-- $id=function(id) { return document.getElementById(id); } var objs =$id("imgs").getElementsByTagName("img") ; for (var i=0;i<objs.length;i++ ) { objs[i].onclick=function () { $id("info_hidden").innerHTML=this.src ; var my_range =document.body.createTextRange() ; my_range.moveToElementText($id("info_hidden")); my_range.execCommand("copy"); alert("已经复制到剪贴板"); return false ; } } //--> </script> </html></font> <a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站,js.aiyiweb.com</a> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]