本文目錄一覽:
- 1、iframe 高度自動伸縮的js代碼
- 2、求QQ空間頂部那樣可以收縮的工具條的JS代碼 這個問題你解決了嗎?能不能把那代碼發給我呀?謝謝1250667978
- 3、點擊伸縮內容的js 與仿微博滾動的js 衝突,代碼如下,這兩個特效放一起,就只有自動伸縮的特效能用,
- 4、eclipse中js代碼如何設置可摺疊?
- 5、求助: JS伸縮修改,改為所有都可以收縮在一起(現在是顯示一個)
iframe 高度自動伸縮的js代碼
iframe name=”frm” onload=”javascript:this.height=document.frames(this.name).document.body.scrollHeight+30;”/iframe
求QQ空間頂部那樣可以收縮的工具條的JS代碼 這個問題你解決了嗎?能不能把那代碼發給我呀?謝謝1250667978
HTML代碼:
!– 工具條開始 —
div id=”top_toolbar_wrapper”
div id=”top_toolbar”
div id=”toolbar_content”
!– 內容開始 —
a href=”#” title=””[u登錄/u]/a
此空間的 a href=”#” title=””u日 志/u/a
a href=”#” title=””u精簡模式/u/a
a href=”#” title=””u播放歌曲/u/a
!– 內容結束 —
/div
input type=”button” id=”btn” title=”收縮” onclick=”toolbar(this)”/a
/div
/div
!– 工具條結束 —
h1工具條結束/h1
點擊伸縮內容的js 與仿微博滾動的js 衝突,代碼如下,這兩個特效放一起,就只有自動伸縮的特效能用,
估計是
li.js的window.onload = function () …
與
qiu.js的window.onload=Start;!–調用start函數–
衝突
________________________________________
整合成一個qiu.js試驗一下:
var a_Colour=’fff000′;!–第一個軌跡的顏色–
var b_Colour=’00ff00′;!–第二個軌跡的顏色–
var c_Colour=’ff00ff’;!–第三個軌跡的顏色–
var Size=120;
var YDummy=new Array(),XDummy=new Array(),xpos=625,ypos=330,ThisStep=0;step=0.6;
var scroller = null;
function swirl(){
for (i = 0; i 3; i++)!–依次處理三個軌跡–
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);!–計算得到第i個軌跡上每一點的橫坐標–
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);!–計算得到第i個軌跡上每一點的縱坐標–
}
ThisStep+=step;
setTimeout(‘swirl()’,10);!–周期性調用swirl函數–
}
var amount=10;
if ( document.all){!–如果是ie瀏覽器–
document.write(‘div id=”ODiv” style=”position:absolute;top:0px;left:0px”‘
+’div id=”IDiv” style=”position:relative”‘);
for (i = 0; i amount; i++)!–依次處理每一個點–
{
document.write(‘div id=x style=”position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+a_Colour+’;font-size:’+i/2+'”/div’);!–第一個軌跡所在的頁面–
document.write(‘div id=y style=”position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+b_Colour+’;font-size:’+i/2+'”/div’);!–第二個軌跡所在的頁面–
document.write(‘div id=z style=”position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+c_Colour+’;font-size:’+i/2+'”/div’);!–第三個軌跡所在的頁面–
}
document.write(‘/div/div’);
}
function prepos(){
var msie=document.all;!–獲得ie瀏覽器的當前頁面–
if(document.all){!–如果是ie瀏覽器–
for (i = 0; i amount; i++)!–依次處理每一個點–
{
if (i amount-1) !–對於前amount-1個點–
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;!–更新第一個軌跡上各個點上的上邊界和左邊界–
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;!–更新第二個軌跡上各個點上的上邊界和左邊界–
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;!–更新第三個軌跡上各個點上的上邊界和左邊界–
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];!–更新第一個軌跡上最後一個點上的上邊界和左邊界–
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];!–更新第二個軌跡上最後一個點上的上邊界和左邊界–
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];!–更新第三個軌跡上最後一個點上的上邊界和左邊界–
}
}
}
setTimeout(“prepos()”,10);!–周期性調用prepos函數–
}
function Start(){!–開始函數–
var el = document.getElementById(“Scroller-1”);
scroller = new jsScroller(el, 400, 200);
swirl(),prepos()!–依次調用swirl和prepos函數–
}
window.onload=Start;!–調用start函數–
eclipse中js代碼如何設置可摺疊?
js代碼設置可摺疊設置:
設置代碼摺疊在菜單欄的窗口–首選項
1、選擇常規–編輯器–structure text editors,可以看到Enable folding選項,打上勾就可以使用代碼摺疊功能,但還要在具體的語言中設置。
2、選擇js–編輯器–摺疊,選擇啟用摺疊就可以讓js的代碼摺疊了。
求助: JS伸縮修改,改為所有都可以收縮在一起(現在是顯示一個)
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”
html xmlns=””
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titletitle/title
script src=”/jquery/jquery-1.11.1.min.js”/script
script type=”text/javascript”
$(document).ready(function(){
$(“#vtitle”).click(function(){
$(“.vcon”).hide(“slow”);
});
});
/script
style type=”text/css”
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, “新宋體”;}
a,a:hover{text-decoration: none;}
/*收縮菜單*/
.v{float:right;width:14px;height:14px;overflow:hidden;background:url(images/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
.v01{background-position:0 0;}
.v02{background-position:0 -16px;;}
.vtitle{height:35px;background:#fbede0;line-height:35px;border:1px solid #ccb6a9;margin-top:-1px;padding-left:20px;font-size:15px;color:#4d4d4d;font-family:”\5FAE\8F6F\96C5\9ED1″;cursor:pointer;}
.vtitle em{margin:10px 10px 0 0;}
.vconlist{background:#9cc;}
.vconlist li a{height:30px;line-height:30px;padding-left:30px;display:block;font-size:14px;color:#866f67;font-family:”\5FAE\8F6F\96C5\9ED1″;}
.vconlist li.select a,.vconlist li a:hover{color:#ed4948;text-decoration:none;}
/style
/head
body
div style=”width:268px;margin:30px auto 0 auto;”
div class=”vtitle” id=”vtitle”em class=”v v02″/em測試1/div
div class=”vcon”
ul class=”vconlist clearfix”
li class=”select”a href=”javascript:;”測試1/a/li
lia href=”javascript:;”測試1/a/li
lia href=”javascript:;”測試1/a/li
/ul
/div
div class=”vtitle”em class=”v”/em測試2/div
div class=”vcon” style=”display: none;”
ul class=”vconlist clearfix”
lia href=”javascript:;”測試2/a/li
lia href=”javascript:;”測試2/a/li
lia href=”javascript:;”測試2/a/li
/ul
/div
div class=”vtitle”em class=”v”/em測試3/div
div class=”vcon” style=”display: none;”
ul class=”vconlist clearfix”
lia href=”javascript:;”測試3/a/li
lia href=”javascript:;”測試3/a/li
lia href=”javascript:;”測試3/a/li
/ul
/div
/div
/body
/html 是這樣的不?(jquery包地址變一下)
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/275610.html