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後則清除計時器。