在网页制作中，怎么把图片应用为动态HTML效果

 我来答

2个回答

#合辑# 面试问优缺点怎么回答最加分？

育知同创教育
2017-06-21 · 百度知道合伙人官方认证企业

育知同创教育

1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】

向TA提问

关注

展开全部

用PS做的是效果图，需要前端开发人员编写代码才可以在网站上展示出来。
简单来说，在PS里做好之后，需要切图。把图片切割成适合在网站上浏览。
切图时需要把文字分离出图片的要处理好。
切好图片之后，需要用html结合JavaScript等知识编写代码。
这样写出的页面还只是静态的网站。
如果想要做成动态的效果，还需要搭建后台，连接数据库等。

已赞过 已踩过<

评论收起

百度网盘

广告2025-01-05

pdf转各种格式excel/word/ppt，pdf合并，pdf拆分，百度网盘一键搞定。轻松玩转职场，职场打工人必备，提升办公效率神器，百度网盘出品。

www.baidu.com

十七叔吖
2019-08-04

知道答主

回答量：5

采纳率：0%

帮助的人：3721

我也去答题访问个人页

关注

展开全部

让图片左右晃动，例如通过CSS代码来实现
<html>
<head>
<title>aaa</title>
</head>
<style>
.div1{
height:300px;
background-image: url(TYPanorama.jpg);
background-position: 0px 0px;
background-repeat: repeat-x;
animation: animatedBackground 10s linear infinite;
-moz-animation: animatedBackground 10s linear infinite;
-o-animation: animatedBackground 10s linear infinite;
}
@-webkit-keyframes animatedBackground {
0% { background-position: 0 0; }
12% { background-position: 60% 0; }
25% { background-position: 120% 0; }
38% { background-position: 60% 0; }
50% {background-position: 0 0; }
62% {background-position: -60% 0; }
75% {background-position: -120% 0; }
88% {background-position: -60% 0; }
100% {background-position: 0 0; }
}
@-moz-keyframes animatedBackground {
0% { background-position: 0 0; }
12% { background-position: 60% 0; }
25% { background-position: 120% 0; }
38% { background-position: 60% 0; }
50% {background-position: 0 0; }
62% {background-position: -60% 0; }
75% {background-position: -120% 0; }
88% {background-position: -60% 0; }
100% {background-position: 0 0; }
}
@-o-keyframes animatedBackground {
0% { background-position: 0 0; }
12% { background-position: 60% 0; }
25% { background-position: 120% 0; }
38% { background-position: 60% 0; }
50% {background-position: 0 0; }
62% {background-position: -60% 0; }
75% {background-position: -120% 0; }
88% {background-position: -60% 0; }
100% {background-position: 0 0; }
}
@keyframes animatedBackground {
0% { background-position: 0 0; }
12% { background-position: 60% 0; }
25% { background-position: 120% 0; }
38% { background-position: 60% 0; }
50% {background-position: 0 0; }
62% {background-position: -60% 0; }
75% {background-position: -120% 0; }
88% {background-position: -60% 0; }
100% {background-position: 0 0; }
}
</style>
<body>
<div class="div1"></div>
</body>
</html>