按钮进入新的界面34在悬浮图片信息页面找到URL-QIBEBT-IR.DOC

团队学科知识平台指定页面悬浮图片新闻的制作技术 各位网站平台建设负责人： 重要通知、公告或新闻，用图片形式在主页上漂移，浏览者点击即可以进入指定的信息页面，这项技术经常被一些网站使用。我所IIP课题组成员开发了这项嵌入技术，现全流程整理成傻瓜式操作方法，供大家根据需要使用。希望大家能积极研究，开发平台的新技术，成熟应用后，将技术贡献给图书馆，以便大家共享。您有技术共享的时候，希望采用步骤明确，图文并茂，操作简单的方法制作手册，可以让别人不用再问你一句话，就可以做得和你一样好，甚至更好。谢谢！ 1 确定悬浮图片点击后需要指向的网页地址（用户点击悬浮图片即打开该页面） 84/handle/337004/1014 2 制作JPG、PNG等系统认可格式的悬浮图片（如下图），并上传到系统指定的图片库里，如“新闻通知公告图片库”。上传方法见傻瓜式手册《图说IIP网站平台的图片库设置与图片上传方法》。 3 获取悬浮图片在本平台系统的URL地址 3.1点击上传悬浮图片的“图片库”文件夹名称即打开 3.2找到要悬浮的图片并点击打开，进入新的界面 3.3在要悬浮图片文件右下角找到并点击“查看”按钮，进入新的界面 3.4在悬浮图片信息页面找到“URL”，并完整复制 “URL”地址另外保存备用 悬浮图片在本网站系统图片库里的地址： :8082/image/image_gallery?uuid=d9578054-bfa0-4aa1-8715-4734d699d6d3groupId=37906t=1414568805593 4图片悬浮代码制作 4.1通用图片悬浮源代码及其使用说明 下面的源代码为图片悬浮源代码。使用方法：请复制该源代码到后面的word区域编辑，将悬浮图片指向页面地址和悬浮图片在本系统的URL地址代替下面源代码的红色汉字部分；其他参数，如运行速度、运行轨迹等，可根据需要进行数字调整，形成本次悬浮待用源代码。 div id=ad style=position: absolute a href=此处为悬浮图片点击后指向的页面链接地址 target=_blankimg border=0 src=此处为悬浮图片在本网站系统图片库里的地址 / /a/div script var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 20 var obj=document.getElementById(ad) function floatAD() { var L=T=0 var R= document.documentElement.clientWidth-obj.offsetWidth var B = document.documentElement.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x L) { xin = true; x = L} if (x R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y T) { yin = true; y = T } if (y B) { yin = false; y = B } } var itl= setInterval(floatAD(), delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval(floatAD(), delay)} /script 4.2本次图片悬浮待用源代码 div id=ad style=position: absolute a href=84/handle/337004/1014 target=_blankimg border=0 src=:8082/image/image_gallery?uuid=d9578054-bfa0-4aa1-8715-4734d699d6d3groupId=37906t=1414568805593 / /a/div script var x = 50,y = 60 var xin = true, yin = true var step = 1 var del