怎么将下载的JS网页特效用在自己的网页中

http://www.jscode.cn/js/v45313想将这个特效用在自己的网页中,但下载文件后将代码复制到DW的网页中却不能正常显示,应该如何正确使用?急求!谢谢... http://www.jscode.cn/js/v45313想将这个特效用在自己的网页中,但下载文件后将代码复制到DW的网页中却不能正常显示,应该如何正确使用?急求!谢谢! 展开
 我来答
zunyanke
2013-05-03 · TA获得超过255个赞
知道小有建树答主
回答量:163
采纳率:0%
帮助的人:105万
展开全部
下面这段带面中中间显示部分的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, 就可以用了
追问
不好意思,我比较笨,除了复制代码还要做什么呀,我复制了以后页面上什么也没有。。
追答
将其他文件也复制进去, 文件名重复就重组, 文件名相同就重命名(记得在你的网页文件文件里面也要改回来),
在你的网页文件里面前面在插入下面几行代码

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
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式