❶ js(或Jquery)如何根據元素元素固定長度以及元素內容字數來動態改變字數大小
給div 加個 id=「a」
var width=$("#a").width()//寬度獲取
$("#a").css("font-size","xxx px")
❷ 如何用JS讓DIV固定在一個位置
<body>
<divid="div1"style="width:100px;height:100px;background:#ccc";></div>
</body>
<script>
varoDiv=document.getElementById('div1');
oDiv.style.position='fixed';
oDiv.style.top='20px';
oDiv.style.left='20px';
</script>
主要思想就是,在js中修改div的位置。所有的賦值,都可以計算後版再傳值,這樣就權不想CSS中只能寫一個值了。
❸ 怎麼用js固定某個元素,讓它不隨頁面的滾動而滾動,始終固定在窗口的某個位置
可以把該元素的定位設置為fixed,該元素就會始終在那個位置,不過要注意IE6下不支持固回定定位,兼容IE6可以通過JS實現,不過答JS實現的是滑動效果,要想在IE6下也實現固定定位那樣的效果沒辦法做到。
❹ js怎麼讓一個div塊始終保持在頁面的固定位置,求列子
建議使用css實現,效果更佳,使用position: fixed,固定定位,具體位置的調整是用top、left、right、bottom也可以使用margin調整
css實現代碼
<divstyle="position:fixed;top:100px;left:auto;right:auto;bottom:auto;"></div>
一般的網站的浮動廣告以及浮動菜單等可以使用fixed來實現,js的話需要計算位置以及滾動條滾動時觸發事件從而進行計算使用window.onscroll事件代碼如下
HTML部分代碼
<divstyle="position:absolute;background-color:red;width:50px;height:50px;"id="box"></div>
Javascript部分代碼
window.onscroll=function(){
varbox=document.getElementById("box");
vart=document.documentElement.scrollTop||document.body.scrollTop;
box.style.top=t+"px";
}