
怎么将下载的JS网页特效用在自己的网页中
http://www.jscode.cn/js/v45313想将这个特效用在自己的网页中,但下载文件后将代码复制到DW的网页中却不能正常显示,应该如何正确使用?急求!谢谢...
http://www.jscode.cn/js/v45313想将这个特效用在自己的网页中,但下载文件后将代码复制到DW的网页中却不能正常显示,应该如何正确使用?急求!谢谢!
展开
1个回答
展开全部
下面这段带面中中间显示部分的HTML代码
<div class="content">
<h1>Tucia</h1> 这是那个标题,可去掉
<h2>Hover Slide Effect with jQuery Demo</h2> 这个也可以去掉
<div id="hs_container" class="hs_container">
<div class="hs_area hs_area1">
<img class="hs_visible" src="images/area1/1.jpg" alt=""/>
<img src="images/area1/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area2">
<img class="hs_visible" src="images/area2/1.jpg" alt=""/>
<img src="images/area2/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area3">
<img class="hs_visible" src="images/area3/1.jpg" alt=""/>
<img src="images/area3/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area4">
<img class="hs_visible" src="images/area4/1.jpg" alt=""/>
<img src="images/area4/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area5">
<img class="hs_visible" src="images/area5/1.jpg" alt=""/>
<img src="images/area5/3.jpg" alt=""/>
</div>
</div>
<div>
将上面的代码复制到你要得地方后, 记住还要引入jquery, CSS文件等一切和这段代码相关的文件,包括javascript, 就可以用了
<div class="content">
<h1>Tucia</h1> 这是那个标题,可去掉
<h2>Hover Slide Effect with jQuery Demo</h2> 这个也可以去掉
<div id="hs_container" class="hs_container">
<div class="hs_area hs_area1">
<img class="hs_visible" src="images/area1/1.jpg" alt=""/>
<img src="images/area1/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area2">
<img class="hs_visible" src="images/area2/1.jpg" alt=""/>
<img src="images/area2/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area3">
<img class="hs_visible" src="images/area3/1.jpg" alt=""/>
<img src="images/area3/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area4">
<img class="hs_visible" src="images/area4/1.jpg" alt=""/>
<img src="images/area4/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area5">
<img class="hs_visible" src="images/area5/1.jpg" alt=""/>
<img src="images/area5/3.jpg" alt=""/>
</div>
</div>
<div>
将上面的代码复制到你要得地方后, 记住还要引入jquery, CSS文件等一切和这段代码相关的文件,包括javascript, 就可以用了
追问
不好意思,我比较笨,除了复制代码还要做什么呀,我复制了以后页面上什么也没有。。
追答
将其他文件也复制进去, 文件名重复就重组, 文件名相同就重命名(记得在你的网页文件文件里面也要改回来),
在你的网页文件里面前面在插入下面几行代码
Cufon.replace('a,h3');
Cufon.replace('h1', {
textShadow: '0px 1px #fff'
});
Cufon.replace('h2', {
textShadow: '0px 1px #fff'
});
*{
margin:0;
padding:0;
}
body{
background:#FFF url(bg.gif) repeat top left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h1,h2{
font-weight:normal;
}
h2{
float:right;
margin-top:35px;
color:#999;
}
h1{
color:#777;
font-size:45px;
float:left;
margin:10px;
}
h3{
color:#777;
display:block;
clear:both;
font-weight:normal;
font-size:16px;
margin:10px;
font-style:italic;
text-align:center;
}
.content{
width:900px;
position:relative;
margin:20px auto 0px auto;
}
span.reference{
font-family:Arial;
text-align:center;
font-size:12px;
display:block;
margin-top:20px;
}
span.reference a{
color:#999;
text-transform:uppercase;
text-decoration:none;
margin-right:20px;
}
style标签里面的,可以适当修改, 只要不改到图片相关的就行了,如果你还不会可以加我QQ,可以做一个傻瓜版给你,也可以给你远程协助,283365507
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询