網頁底部特效
① 隱藏在底部的DIV點擊彈出jquery特效
(function($) {
$.belowthefold = function(element, settings) {
var fold = $(window).height() + $(window).scrollTop();
return fold <= $(element).offset().top - settings.threshold;
}; $.abovethetop = function(element, settings) {
var top = $(window).scrollTop();
return top >= $(element).offset().top + $(element).height() - settings.threshold;
};
$.rightofscreen = function(element, settings) {
var fold = $(window).width() + $(window).scrollLeft();
return fold <= $(element).offset().left - settings.threshold;
};
$.leftofscreen = function(element, settings) {
var left = $(window).scrollLeft();
return left >= $(element).offset().left + $(element).width() - settings.threshold;
};
$.inviewport = function(element, settings) {
return !$.rightofscreen(element, settings) && !$.leftofscreen(element, settings) && !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
};
$.extend($.expr[':'], {
"below-the-fold": function(a, i, m) {
return $.belowthefold(a, {threshold : 0});
},
"above-the-top": function(a, i, m) {
return $.abovethetop(a, {threshold : 0});
},
"left-of-screen": function(a, i, m) {
return $.leftofscreen(a, {threshold : 0});
},
"right-of-screen": function(a, i, m) {
return $.rightofscreen(a, {threshold : 0});
},
"in-viewport": function(a, i, m) {
return $.inviewport(a, {threshold : 0});
}
});
})(jQuery);
② 在html中添加粒子特效的script代碼，如何將其置於網頁頁面底層
css設置zindex層級，層級越高越在前
③ javascript特效轉到屏幕底部
定義一個跳轉函數，只需要在按扭那裡添加個事件調用這個函數，就可以跳到你所指定的地方；這里首先要說的是，你要在頁面底部有一個元素可以或得焦點。我給你寫了個簡單的一段，自己按照這個方法去走吧！<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 按鍵跳轉 </TITLE>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script type="text/javascript">
<!--
function move(){
document.form.text.focus();
}
//-->
</script>
</HEAD>
<center>
<BODY>
<form name = form >
<input type = "button" value = "跳到最後" name = "button" onclick = "move()"><br>
<br>
<br>
<br>
<br>
<br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1>已經跳在最後的文本框了<h1>
<br><br><br><br><br><br><br>
<input type = "text" name = "text" value = "跳在這里了" >
<br>
<br>
<br>
</form>
</center>
</BODY>
</HTML>
你也太那個了，一分也不拿出來給~~~~~~~~~~~~~~~
④ 求DIV隨窗口滾動底部懸浮特效
$(function(){
window.onresize=function(){
footview();
}
functionfootview(){
if(view().h>662){
$('#foot_layout').addClass('foot_ch');
}
if(view().h<662){
$('#foot_layout').removeClass('foot_ch');
}
}
footview();
});
functionview(){
return{
w:document.documentElement.clientWidth,
h:document.documentElement.clientHeight
}
}
.foot_ch{
bottom:0;
margin:0auto;
position:fixed;
width:100%;
}
⑤ 求源碼js插件 如下面網址網頁的特效請用手指擦一擦怎麼做
http://runjs.cn/detail/ya8riwva
跟這個差不多一樣
⑥ 求助：給個固定在網頁底部的代碼
http://www.codefans.net/jscss/code/2021.shtml看這個代碼可以點擊切換到小圖標的，我試過了，可以用
具體的框里的東西可以自己再美化 大概的功能是有的
⑦ 一個網頁的頁面中能用幾個JS 特效
js在同一個網頁中不會有條數的限制 在網上找到的特效，放在一起用有可能產生參數沖突，所有影響效果 又 影響網頁打開的速度。 使用js一定要自己明白是什麼意思！
⑧ 我想做一個網頁 如何做到進主頁前先全屏放一段特效然後下面現實點擊進入再進去
先做一個引導頁，放置FLASH全屏動畫
播放結束放置一個按鈕
點擊跳轉首頁
⑨ 網頁特效 文欄位落上下滾動時不循環滾動，到底部終止
<!DOCTYPE>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>向上下左右不間斷無縫滾動效果(兼容火狐和IE)</title>
</head>
<body>
<divid="colee"style="overflow:hidden;height:253px;width:410px;">
<divid="colee1">
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
<p>此處放文字。。。。。。。。。</p>
</div>
<divid="colee2"></div>
</div>
<script>
varspeed=30;
varcolee2=document.getElementById("colee2");
varcolee1=document.getElementById("colee1");
varcolee=document.getElementById("colee");
colee2.innerHTML=colee1.innerHTML;//克隆colee1為colee2
functionMarquee1(){
//當滾動至colee1與colee2交界時
if(colee2.offsetTop-colee.scrollTop<=0){
colee.scrollTop-=colee1.offsetHeight;//colee跳到最頂端
}else{
colee.scrollTop++
}
}
varMyMar1=setInterval(Marquee1,speed)//設置定時器
//滑鼠移上時清除定時器達到滾動停止的目的
colee.onmouseover=function(){clearInterval(MyMar1)}
//滑鼠移開時重設定時器
colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
<!--向上滾動代碼結束-->
<br>
<!--下面是向下滾動代碼-->
<divid="colee_bottom"style="overflow:hidden;height:253px;width:410px;">
<divid="colee_bottom1">
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
<p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p>
</div>
<divid="colee_bottom2"></div>
</div>
<script>
varspeed=30
varcolee_bottom2=document.getElementById("colee_bottom2");
varcolee_bottom1=document.getElementById("colee_bottom1");
varcolee_bottom=document.getElementById("colee_bottom");
colee_bottom2.innerHTML=colee_bottom1.innerHTML
colee_bottom.scrollTop=colee_bottom.scrollHeight
functionMarquee2(){
if(colee_bottom1.offsetTop-colee_bottom.scrollTop>=0)
colee_bottom.scrollTop+=colee_bottom2.offsetHeight
else{
colee_bottom.scrollTop--
}
}
varMyMar2=setInterval(Marquee2,speed)
colee_bottom.onmouseover=function(){clearInterval(MyMar2)}
colee_bottom.onmouseout=function(){MyMar2=setInterval(Marquee2,speed)}
</script>
<!--向下滾動代碼結束-->
<br>
<!--下面是向左滾動代碼-->
<divid="colee_left"style="overflow:hidden;width:500px;">
<tablecellpadding="0"cellspacing="0"border="0">
<tr><tdid="colee_left1"valign="top"align="center">
<tablecellpadding="2"cellspacing="0"border="0">
<tralign="center">
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
</tr>
</table>
</td>
<tdid="colee_left2"valign="top"></td>
</tr>
</table>
</div>
<script>
//使用div時，請保證colee_left2與colee_left1是在同一行上.
varspeed=30//速度數值越大速度越慢
varcolee_left2=document.getElementById("colee_left2");
varcolee_left1=document.getElementById("colee_left1");
varcolee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML
functionMarquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth是對象的可見寬度
colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth是對象的實際內容的寬，不包邊線寬度
else{
colee_left.scrollLeft++
}
}
varMyMar3=setInterval(Marquee3,speed)
colee_left.onmouseover=function(){clearInterval(MyMar3)}
colee_left.onmouseout=function(){MyMar3=setInterval(Marquee3,speed)}
</script>
<!--向左滾動代碼結束-->
<br>
<!--下面是向右滾動代碼-->
<divid="colee_right"style="overflow:hidden;width:500px;">
<tablecellpadding="0"cellspacing="0"border="0">
<tr><tdid="colee_right1"valign="top"align="center">
<tablecellpadding="2"cellspacing="0"border="0">
<tralign="center">
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
<td><p><imgsrc="/jscss/demoimg/200907/bg3.jpg"></p></td>
</tr>
</table>
</td>
<tdid="colee_right2"valign="top"></td>
</tr>
</table>
</div>
<script>
varspeed=30//速度數值越大速度越慢
varcolee_right2=document.getElementById("colee_right2");
varcolee_right1=document.getElementById("colee_right1");
varcolee_right=document.getElementById("colee_right");
colee_right2.innerHTML=colee_right1.innerHTML
functionMarquee4(){
if(colee_right.scrollLeft<=0)
colee_right.scrollLeft+=colee_right2.offsetWidth
else{
colee_right.scrollLeft--
}
}
varMyMar4=setInterval(Marquee4,speed)
colee_right.onmouseover=function(){clearInterval(MyMar4)}
colee_right.onmouseout=function(){MyMar4=setInterval(Marquee4,speed)}
</script>
<!--向右滾動代碼結束-->
</body>
</html>