導航:首頁 > 編程語言 > 懶人js載入中圖片

懶人js載入中圖片

 發布時間：2024-07-31 02:01:34

① 在懶人圖庫下的js/css特效，怎麼用在自己網頁上

引入js文件，比如一個是1.js，另一個是2.js，
那麼你在頁面<head></head>之間加入：
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>
再加入一個CSS的引入：
<link href="1.css" rel="stylesheet" type="text/css" />
你還需要看明白它的html，把它復制進你要整合的頁面。

② JS如何實現圖片滑動

<script language="javascript" type="text/javascript">
//圖片滾動展示 Start
var counts = 4;
//大圖//
img1 = new Image();
img1.src = 'images/1.jpg';
img2 = new Image();
img2.src = 'images/2.jpg';
img3 = new Image();
img3.src = 'images/3.jpg';
img4 = new Image();
img4.src = 'images/4.jpg';

var smallImg = new Array();
//小圖
smallImg[0] = 'images/index_adb1.gif';
smallImg[1] = 'images/index_adb2.gif';
smallImg[2] = 'images/index_adb3.gif';
smallImg[3] = 'images/index_adb4.gif';

//鏈接地址
url1 = new Image();
url1.src = ' http://www..com';
url2 = new Image();
url2.src = ' http://www.qzxtg.com';
url3 = new Image();
url3.src = ' http://www.soso.com';
url4=new Image();
url4.src=' http://www.sina.com.cn'

//alt值
alt1 = new Image();
alt1.alt = '';
alt2 = new Image();
alt2.alt = '';
alt3 = new Image();
alt3.alt = ' ';
alt4 = new Image();
alt4.alt='';
////歡迎來到標准之路.
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(ration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url").href=url' + nn + '.src');
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url").target = "_blank";
document.getElementById("url").style.cursor = "pointer";
} else {
document.getElementById("url").target = "_blank"
document.getElementById("url").style.cursor = "pointer"
}

for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function imageshow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
//圖片滾動展示 End
</script>
<script language="javascript" type="text/javascript">
imageshow();
</script>

③ 我在懶人圖庫中拷了一段導航下拉菜單的js代碼，插在我的網頁中卻不顯示下拉的內容有可能是什麼原因呢

拷貝別人的東西問題總是很多，首先那段代碼本身是不是正常的，其次你的html的結構是不是跟它的一樣，再次css是不是一樣，然後id是不是一樣，還有路徑是不是正確，再加上瀏覽器的兼容是不是有問題等，我沒想到的樓下再補充。

④ 尋找和懶人圖庫差不多有JS代碼的網站

還有個懶人之家網站，裡面基本上都是JS代碼，收集量最多了，帶預覽效果的，還可以免費下載

⑤ 懶人圖庫下載了幾個js焦點圖切換 怎麼改不了圖片的寬高啊，

試試這個圖片切換

有12345數字一起切換

有小圖大圖一起切換

裡面有教程和源碼

⑥ js 文字左滾動

這是JS
<scripttype="text/javascript">

$(function(){
varspeed=30;
vartopscroll=document.getElementById("divkuaixunxinxi");
varscrolla=document.getElementById("topscrolla");
varscrollb=document.getElementById("topscrollb");
varscroll=document.getElementById("scroll");
varisIE6_7=false;
if($.browser.msie&&($.browser.version=="6.0")&&!$.support.style||$.browser.msie&&($.browser.version=="7.0")){
scroll.style.width="1600px";
isIE6_7=true;
}else{
scroll.style.width=(scrolla.offsetWidth*2-50)+"px";
}

scrollb.innerHTML=scrolla.innerHTML;
functionMarquee(){
if(scrollb.offsetWidth-topscroll.scrollLeft<=0)
topscroll.scrollLeft-=scrolla.offsetWidth;
else{
topscroll.scrollLeft++;
if(isIE6_7&&topscroll.scrollLeft>1718){
topscroll.scrollLeft-=scrolla.offsetWidth;
}
}
}
varmar=setInterval(Marquee,speed);
topscroll.onmouseover=function(){clearInterval(mar)};
topscroll.onmouseout=function(){mar=setInterval(Marquee,speed)}
})
</script>
這是HTML
<divid="divkuaixunxinxi"class="kuaixunxinxi">
<divid="scroll">
<divid="topscrolla">
·<a>平價私享天堂假期3日夢幻愛昵島</a>平價私享天堂假期3日夢幻愛昵島&nbsp;&nbsp;·平價私享天堂假期3日夢幻愛昵島&nbsp;&nbsp;·平價私享天堂假期3日夢幻愛昵島&nbsp;&nbsp;·平價私享天堂假期3日夢幻愛昵島
</div>
<divid="topscrollb">
</div>
</div>
</div>

⑦ 涓嬭澆鎳掍漢鍥懼簱鐨凧S騫垮憡妯℃澘 鍙戠幇鏄涓浜涙枃浠躲傝烽棶鎬庝箞浣跨敤錛岃繕鏈夋庝箞鎶婅嚜宸辯殑鍥劇墖鏇挎崲鍘熸潵妯℃澘閲岀殑

浠栭噷闈㈢殑xml鏂囦歡鎴栬卌ss鏍峰紡鏂囦歡閮芥槸鍙浠ヤ慨鏀圭殑銆傚彲浠ヨ皟鏁村浘鐗囧ぇ灝忎粈涔堢殑銆
鏇挎崲鍥劇墖鏄錛屾妸浣犵殑鍥劇墖榛忚創鍒頒粬鐨剗mage鐩褰曚笅錛岀劧鍚庢墦寮浠栫殑緔㈠紩鏂囦歡涓鑸鍙栧悕index.htm錛屾墦寮鍚庢妸閲岄潰鐨勫浘鐗囧悕瀛楁敼涓轟綘鑷宸辯殑鍥劇墖鍚嶅瓧鍗沖彲銆

閱讀全文

與懶人js載入中圖片相關的資料

熱點內容
上傳文件時怎麼獲取文件全路徑 瀏覽：955
linuxjs讀取文件 瀏覽：104
exe後綴的pdf文件 瀏覽：381
win8升級到專業版 瀏覽：487
快圖瀏覽quickpiciphone 瀏覽：847
app線稿圖需要哪些要求 瀏覽：752
java只能輸入漢字 瀏覽：630
java定義char 瀏覽：133
excel2007插入壓縮文件 瀏覽：70
怎麼設定自己公司的網站 瀏覽：324
如何在辦公軟體上直接復制文件 瀏覽：939
c語言程序設計矩陣運算 瀏覽：894
影響網路質量因素有哪些 瀏覽：587
最新win10秘鑰在線激活 瀏覽：192
cad導入su8文件無法使用 瀏覽：828
怎麼做編程入門 瀏覽：851
用織夢建手機網站 瀏覽：38
灌南數控編程怎麼學 瀏覽：957
系統apk圖標修改工具 瀏覽：121
蘋果6手機網路沒信號怎麼回事啊 瀏覽：378

友情鏈接