A. js实现图片的浮动,当鼠标向下滑动时,图片始终位于页面的上方,图片随鼠标滑动而动.
<html>
<head>
<script language="javascript">
function moveImage(){
document.getElementById("div1").style.left = 0;
document.getElementById("div1").style.top = document.body.scrollTop;
}
var t1 = window.setInterval("moveImage()",100);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片位移</title>
</head>
<body bgcolor="#CCCC00">
<div id="div1" style="position:absolute"><img src="images/hair.png" id="image1" /></div>
</body>
</html>
上面的是你的要求。下面是一个小例子。可以实现图片在页面上滚动。
<script language="javascript">
var left = 0;
var top = 0;
function moveImage(){
if(left > (document.body.clientWidth)-(document.getElementById("div1").offsetWidth)-4){
left = -left;
}
if(top > (document.body.clientHeight)-(document.getElementById("div1").offsetHeight)-4){
top = -top;
}
left += 4;
top += 4;
document.getElementById("div1").style.left = Math.abs(left);
document.getElementById("div1").style.top = Math.abs(top);
}
var t1 = window.setInterval("moveImage()",100);
</script>
B. js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>
RunJS演示代码
</title>
<style>
#content{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:200px;
}
</style>
<script>
onload=function(){
content.onmouseover=function(){
this.title=this.innerHTML;
}
}
</script>
</head>
<body>
<divid='content'>
js文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
</div>
</body>
</html>
C. JS代码 怎么设置固定位置的悬浮框，像懒人这个要固定 http://www.lanrentuku.com/js/website-144.html
你在源文件里找到这个： href="这里就是url"，去掉它！
D. 学了JavaScript能做些什么
动手制作一些自己的小作品这样做有几个目的，第一个最重要的就是学习完基础知道并不代表你可以活学活用，一定要在制作作品的过程中了解还有那些更细节的知识点。第二，就是给自己积累编程思想相关的经验，这个尤其重要，为什么老牌的程序员一看到项目，脑海里就很快有了编程思路呢？就是这么来的。第三，在制作作品的过程中你会发现太多你从前没接触过的问题了，甚至可能完成一个有点难度的程序都是问题，那这代表什么？比如更细化的浏览器兼容性知识、代码执行效率知识等等，这方面你在日后的工作中会花掉你大量的精力，所以制作作品，在这些方面多磨练。第四，学习更高级的知识，比如面向对像，扩展库的使用，比如Jquery、Spry等等，另外还有自己的编程思想的建立。纯的学习JAVASCRIPT 基本除了计算什么也做不了(说的有些大了)
JavaScript需要和HTML CSS DHTML 浏览器内置对象等 结合来使用.
你看到网站页面的各种特效.还有无刷提交数据.等都会涉及到JavaScript.
比如说我们2个回答的页面右边 分享功能就涉及到JavaScript.它是一个浮动框框.通过JAVAScript计算和调用一些其他"程序"(怕你不明白说程序).让右边的分享 保持在上下同一位置 不管你怎么滚动页面
E. js鼠标移动到某元素显示div的问题！
鼠标经过弹出浮动框的效果，实现方法有多种，这里列举2种常用的解决方法。代版码直接贴上来权不能正常显示，看附件。
方法A：
把浮动div和触发元素a放于同一个父级元素内，鼠标经过父级元素时触发显示。这样鼠标移动到div时仍然处于该父级元素内，则div不会隐藏。
方法B：
鼠标经过a时弹出div，鼠标离开a时设置一个计时器用来关闭div，如果鼠标移动到div后则清除计时器。