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,或正则表达式,可以根据物体的名称、类型、包含的属性等进行查询,也可以对某个对象的子物体进行查询;