① 如何用js控制一個DIV框 當用戶拉動滾動條~DIV框移動到瀏覽器可視區域底部時會隨著頁面可視區域移動
不考慮IE6的話就比較簡單，判斷一下是否到底部，到了之後將這個div的position設置為fixed就好了top值是固專定的
但是如果要考屬慮IE6的話就麻煩一點，因為IE6不支持fixed這個屬性你只能通過absolute來處理而此時top值是要不停地改變的，而且在IE6中這個div在滾動時會不停晃動，解決方法是有的但是代價過高，看你的取捨
② 如何使用js檢測頁面上一個元素是否已經滾動到了屏幕的可視區域內
var top = obj.getBoundingClientRect().top //元素頂端到可見區域頂端的距離
var se = document.documentElement.clientHeight //瀏覽專器可見區域高度。屬
if(top <= se ) {
//code
}
③ jQuery中獲取元素到頁面可視區頂端距離有什麼方法
$('h2#answers-title').offset().top-$(document).scrollTop();
$('h2#answers-title').offset().top h2#answers-title元素相對於抄document的垂直位置
$(document).scrollTop() 整個文檔被上卷的高度
2者差就是$('h2#answers-title')相對於當前瀏覽器視圖窗口的垂直位置
④ 用js控制div的顯示位置
代碼如下：
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>div隱藏與顯示</title>
<styletype=text/css>
#menus{
background-color:#c4cff0;
}
</style>
<scriptlanguage=javascript>
functionLayer_HideOrShow(cur_div)
{varcurrent=document.getElementById(cur_div);
if(current.style.visibility=="hidden")
{
current.style.visibility="visible";
}
else
{
current.style.visibility="hidden";
}
}
</script>
</head>
<body>
<p></p>
<tableborder="0"width="153"cellpadding="0"style="border-collapse:collapse"id="table1"height="101">
<tr>
<td>
<ahref="#"onclick="Layer_HideOrShow('menus');"><imgborder="0"src="http://www.shuifutour.com/images/456.gif"width="153"height="25"></a></td>
</tr>
<tr>
<td>
<divid="menus">
<tableborder="0"width="100%"cellpadding="0"style="border-collapse:collapse"height="150"id="table2">
<tr>
<td></td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>
====================
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>無標題文檔</title>
<scriptlanguage="JavaScript"type="text/JavaScript">
<!--
functiontoggle(targetid){
if(document.getElementById){
target=document.getElementById(targetid);
if(target.style.display=="block"){
target.style.display="none";
}else{
target.style.display="block";
}
}
}
-->
</script>
<styletype="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<inputtype="button"id="butn"value="顯示/隱藏"onclick="toggle('div1')"/>
<center>
<divid="div1"></div></center>
居中的DIV
</body>
</html>
=======================
3.javascript控制html元素顯示/隱藏
1。編寫js函數
<scripttype="text/javascript">
functiondisplay(id){
vartraget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}
}
</script>
2.要顯示/隱藏的html元素加上id屬性
<table>
<trid="menu">
<td>控制這個tr的顯示/隱藏</td>
</tr>
</table>
3，添加按鈕，鏈接等觸發js函數
<inputtype="button"onclick="display('menu')"value="顯示/隱藏"/>
<ahref="#"onclick="display('menu')">顯示/隱藏</a>
javascript顯示隱藏層<divid=""style="display:none;">廣告</div>
<inputtype="botton"onclick="函數">
<scriptlanguage=javascript>
function函數{
if(thisdiv.style.display=='none'){
thisdiv.style.display=""
}
else
thisdiv.style.display="none"
}
</script給div取個ID=「AA」thisdiv=AA
javascript隱藏/顯示表單對象
javascript隱藏/顯示表單對象
[SCRIPTlanguage=JavaScript]
functionexpandIt(el){
whichEl=document.getElementById(el)
if(whichEl.style.display=='none'){
whichEl.style.display='';
}
else{
whichEl.style.display='none';
}
}
[/SCRIPT]
el是對象的id，不管是tr或者table等等先設置一下id，然後進行調用。
例：
[aonclick="expandIt('ttchild');returnfalse"href="#"]tryit[/a]
[trid="ttchild"][tdwidth="18"]Example[/td][/tr]
使用時把[]變成<>
javascript控制頁面控制項隱藏顯示的兩種方法
javascript控制頁面控制項隱藏顯示的兩種方法，方法的不同之處在於控制項隱藏後是否還在頁面上佔位
方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
⑤ JQure或者JS怎麼獲得元素進入瀏覽器窗口可見區域
var t1=document.getElementById("txt1"); function isFocus(){ if(document.activeElement.id=='txt1'){ alert('txt1獲得焦點'); } else{ alert('txt未獲得焦點'); } } isFocus();尋找獲取到焦點的元素是否和要判斷的元素是不是同一個元素
⑥ 求大神指教JS通過單選框控制DIV元素的顯示與隱藏的寫法！
我這樣測試是可以的。不知道你為什麼不行
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function onClick(){
document.getElementById("div").style.display="none";
}
</script>
</head>
<body>
<input type="radio" name="sex" id="male" value="male" checked onclick="onClick();">Male
<div id="div">
<input type="radio" name="sex" value="female">Female
</div>
</body>
</html>
⑦ jquery如何讓事件在可視區域內執行，當元素在可是區域內在執行動畫
網頁達到可視區域動畫只需要3步
引入wow.js
引入animate.css
給DIV增加動畫特效，如：
.menu{
animation: flash 1s linear 0s infinite;
-webkit-animation: flash 1s linear 0s infinite;
-moz-animation: flash 1s linear 0s infinite;
-ms-animation: flash 1s linear 0s infinite;
-o-animation: flash 1s linear 0s infinite;
}
具體操作步內驟見容網頁鏈接
⑧ JS如何獲得元素到可視網頁區域的top值
就是獲取當前元素的offsetTop值，減去可視區域的高度和窗口捲起的高度。
$("div").offset() - $(window).scrollTop() - $(window).height()