導航:首頁 > 編程語言 > 懶人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載入中圖片相關的資料

熱點內容
用什麼直播app 瀏覽：891
求必應公司微信號 瀏覽：763
qq好友發的視頻保存在哪個文件里 瀏覽：630
手機怎麼刪除更新文件夾在哪裡設置 瀏覽：990
手機復制文件內容 瀏覽：446
電腦qq壓縮文件設置打開方式 瀏覽：742
iphone4s4013硬碟 瀏覽：700
win10休眠快捷方式 瀏覽：815
linux查看文件當前屬性 瀏覽：342
pc的壓縮文件後綴 瀏覽：554
佳能r6視頻在哪個文件夾 瀏覽：570
dev文件系統 瀏覽：561
360如何一鍵安裝win10 瀏覽：699
陽光養豬下載的軟體在哪個文件夾 瀏覽：48
少兒編程與機器人有什麼區別 瀏覽：317
萊蕪數控編程培訓怎麼學 瀏覽：989
淘寶自適應代碼 瀏覽：970
雲計算面試題文件定位路徑 瀏覽：407
電腦藍屏修工具 瀏覽：282
紅米k40數據線原裝多少錢 瀏覽：939

友情鏈接