A. 求JavaScript Dom藝術編程這本書里代碼用到的圖片素材
若是想要試驗代碼的話~這個真的沒有必要~只要圖片的文件名一樣即可~
B. javascript 如何用圖片素材拼背景
如果用html做動畫
用js動態修改css樣式屬性來動態改變頁面元素的狀態。達到動的效果
採用html5新增加的<canvas>來當畫布,用js的畫圖函數來將圖片畫出來。而且更能隨意修改這個張圖。舉例
總之建議,使用html5的方法
/*$(function(){//canvas載入圖片
$("input").click(function(){
varcans=$("#myCanvas").get(0).getContext("2d");
varimgs=newImage();
imgs.src="psu.jpg";
cans.drawImage(imgs,0,0);
});
});
C. 怎麼使js素材作為底層代碼
js特效是顯示在某個div中,然後將特效div放在大的div框架中,把特效大的div框架設置為position: absolute; 再把特效div優先順序調低就行了。
D. 好的素材網站地址
http://www.lanrentuku.com/
E. js輪播圖,按老師教過的內容作了一些,剩下的不會了,跪求大佬幫我寫完,有素材和效果圖
html代碼:
<div class="out">
<!--輪播圖-->
<ul class="img">
<li><a href="news.html"><img src="img/suanmei.png"></a></li>
<li><a href="news.html"><img src="img/xiangcheng.png"></a></li>
<li><a href="news.html"><img src="img/lanmei.png"></a></li>
<li><a href="news.html"><img src="img/li.png"></a></li>
<li><a href="news.html"><img src="img/new.png"></a></li>
</ul>
<!--焦點-->
<ul class="num">
</ul>
<!--左右箭頭-->
<div class="left btn"><img src="img/left.png"/></div>
<div class="right btn"><img src="img/right.png"/></div>
</div>
樣式:
.out {
width:400px;
height:300px;
margin:30px 0;
position:relative;
float: left;
}
.img li {
position:absolute;
top:0px;
left:0px;
display:none;
height: 320px;
width: 400px;
}
.img li img{
width: 100%;
height: 320px;
}
.out .num {
position:absolute;
bottom:0px;
left:0px;
font-size:0px;
text-align:center;
width:100%;
}
.num li {
width:20px;
height:20px;
background:none;
color:#666;
text-align:center;
line-height:20px;
display:inline-block;
font-size:16px;
border: 2px solid #666;
margin-right:10px;
cursor:pointer;
}
.out .btn {
position:absolute;
top:50%;
margin-top:-20px;
height:60px;
background:rgba(0,0,0,0);
color:#FFFFFF;
text-align:center;
line-height:60px;
font-size:40px;
display:none;
cursor:pointer;
}
.btn img{width: 50px;height: 40px;}
.out .num li.active-1 {
background:#666;
color: #fff;
}
.out:hover .btn {
display:block
}
.out .left {
left:0px;
}
.out .right {
right:0px;
}
js代碼:
function showRestart(){
jQuery('.restart').fadeTo(300,1);
}
/** Restart demo **/
function restart(){
jQuery('.restart,.fader').css({'display':'none'});
init();
}
$(function(){
//下方for循環
var size=$(".img li").size()
for(var i=1; i<=size; i++){
var li="<li>"+i+"</li>";
$(".num").append(li)
}
/*size 獲取當前元素個數*/
//手動控制輪播
$(".img li").eq(0).show()
$(".num li").eq(0).addClass('active-1')
/*mouseover 可以改成點擊事件 click*/
$(".num li").mouseover(function(){
$(this).addClass('active-1').siblings('li').removeClass('active-1')
var index=$(this).index() /*index 當前元素的意思索引值*/
i=index; //i值和自動輪播值是相同的
$(".img li").eq(index).stop().fadeIn(/*淡入*/).siblings().stop().fadeOut(/*淡出*/) /*eq 0開始*/
});
//自動控制輪播
var i=0;
var t=setInterval(move,3000) //定時器
//右
function move(){
i++;
if(i==size){i=0;}
$(".num li").eq(i).addClass('active-1').siblings('li').removeClass('active-1');
$(".img li").eq(i).fadeIn().siblings().fadeOut();
};
//左
function moveL(){
i--;
if(i==-1){i=size-1;}
$(".num li").eq(i).addClass('active-1').siblings('li').removeClass('active-1');
$(".img li").eq(i).fadeIn().siblings().fadeOut();
};
//自動輪播滑鼠經過移入和移除
$(".out").hover(function(){
clearInterval(t)
},function(){
t=setInterval(move,3000)
});
//左右按鈕
$(".out .left").click(function(){
moveL()
})
$(".out .right").click(function(){
move()
})
});
F. 我在網上下了個素材,是圖片自動播放的,下面還可也選。可是不知道怎麼用啊 有3個文件夾css js img 求教!
昵圖網 素材中國 素材天下這些地方都可以找到素材圖片,還有就是你可以破解別人的flash用他們的素材。破解素材的軟體(碩思閃客)
G. js/jq 輪播圖左右兩邊一樣到中間才顯示圖片另一張圖片。或者有類似的效果給我網站參考也可以。謝謝
網頁鏈接網頁鏈接有個網站叫素材火,裡面有網頁動態效果和代碼之類的。我粘貼的鏈接不知道能不能點擊轉到,你可以搜索這個網站。記得採納。還有你需要的關鍵詞叫做輪播圖
H. 求一份javaScript網頁特效作品
現在要作品嗎?
I. 我想要滑鼠移動到圖片上時,獲取這圖片的大圖,用JS實現,我這里有實現的JS代碼,只是我獲取不到照片信息
到站長素材那邊下就很多了http://sc.chinaz.com/tag_jiaoben/jquery.html
J. thing js 可以自己添加素材嗎
在開發中,引入了場景,添加了對象,那我們如何盡快的找到對象呢?
方法如下:
1.在父類/子類樹上,通過parent、children屬性找到要控制的對象
2.在分類對象屬性樹上,通過類身上分類屬性找到要控制的對象
3.使用query方法
ThingJS 的 query 方法,包括 全局 和 局部,全局查詢是對場景內的所有對象進行查詢;局部查詢 是在一個對象的子對象中進行查詢,如在一個樓層內查詢某個設備;如果還需要更精確的縮小查詢范圍,還可以對查詢結果進行繼續查詢;
查詢條件一般是一個字元串,如:car01,.Thing,#100,或正則表達式,可以根據物體的名稱、類型、包含的屬性等進行查詢,也可以對某個對象的子物體進行查詢;