谁知道那样的图片这个图片怎么做得啊?

谁知道网页制作那些会动的图片是怎么弄的,图片还有超链接的?
谁知道网页制作那些会动的图片是怎么弄的,图片还有超链接的? 100
1、gif图片,不用说了最简单的做法,ps& u5等很多软件就可以做!
2、js脚本、制作网页特效:给你个例子!
&div id=demo style=overflow:height:139;width:232;background:#f4f4f4;color:#ffffff&&div id=demo1&&img src=&
src=& & &div id=demo2&&/div&& &/div&&&& &script&&&& var speed=30&&& demo2.innerHTML=demo1.innerHTML&&& demo.scrollTop=demo.scrollHeight&&& function Marquee(){&&& if(demo1.offsetTop-demo.scrollTop&=0)&&& demo.scrollTop+=demo2.offsetHeight&&& else{&&& demo.scrollTop--&&& }&&& }&&& var MyMar=setInterval(Marquee,speed)&&& demo.onmouseover=function() {clearInterval(MyMar)}&&& demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}&&& &/script&
3、flash特效么,需要你会做flash& 其他的就简单多了!应该说flash特效是综合情况最好的,gif没有太好的效果,不能点击里面的动态的东西,是已经固定的动态图片,js代码的写起来又比较复杂,flash么只要你做好一个flash直接用一下代码就能导入网页了:
&object classid="clsid:D27CDB6E-AE6D-11cf-96B8-" codebase="http://.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="359" height="244"&&&&&& &param name="movie" value="scroll.swf" /&&!-- 你的flash文件--&&&&&& &param name="quality" value="high" /&&&&&& &embed src="scroll.swf" quality="high" pluginspage="" type="application/x-shockwave-flash" width="359" height="244"&&/embed&&&& &/object&
另外导入flash的代码不只能导入flash哦,背景音乐也可以用这个,只就是导入视频!但是视频被其中一项设置给去掉了,结果只能播放声音!当然也能是视频,就看你的需求了!
&谢谢你的实例
有没有会自动走的,也可以用按钮的
按只要添加上去就可以,层添加!
css样式:文件名css.css
BODY {&MARGIN-TOP: 0 FONT-SIZE: 12 COLOR: #000; FONT-FAMILY: "宋体"; TEXT-ALIGN: center}
#tra_flash {&BORDER-RIGHT: #c9c9c9 1 BORDER-TOP: #c9c9c9 1 FLOAT: BORDER-LEFT: #c9c9c9 1 WIDTH: 363 PADDING-TOP: 3 BORDER-BOTTOM: #c9c9c9 1 HEIGHT: 245px}
.pnews_tb_padding {&BORDER-RIGHT: #a1cff3 1 PADDING-RIGHT: 0 PADDING-LEFT: 0 BACKGROUND: url(../img/wst_hdp.jpg) repeat-x 50% PADDING-BOTTOM: 0 MARGIN: -3px 0px 0 BORDER-LEFT: #a1cff3 1 WIDTH: 353 PADDING-TOP: 0 BORDER-BOTTOM: #a1cff3 1 HEIGHT: 29px}
.pnews_tb_right {&DISPLAY: BACKGROUND: url(../img/s_bg.jpg) no-repeat 50% FLOAT: MARGIN: 5px 5px 0px 0 WIDTH: 110 HEIGHT: 18px}
.pnews_tb_right UL {&PADDING-RIGHT: 0 PADDING-LEFT: 0 PADDING-BOTTOM: 0 MARGIN: 0 PADDING-TOP: 0px}
.pnews_tb_right UL LI {&PADDING-RIGHT: 0 PADDING-LEFT: 0 FLOAT: PADDING-BOTTOM: 0 MARGIN: 0 CURSOR: PADDING-TOP: 0px}
.pnews_tb_right UL LI IMG {&WIDTH: 22 BORDER-TOP-STYLE: BORDER-RIGHT-STYLE: BORDER-LEFT-STYLE: HEIGHT: 15 BORDER-BOTTOM-STYLE: none}
.pnews_tb_left {&DISPLAY: FLOAT: MARGIN: 5px 0px 0px 5px}
页面显示代码:&html xmlns=& &head&&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&&title&五屏切换按钮风格焦点&/title&&link href="css/css.css" rel="stylesheet" type="text/css" /&
&br&&DIV id=tra_flash&
&SCRIPT language=javascript type=text/javascript&&!--//slideimages数组为变换的图var pics="images/01.jpg|images/02.jpg|images/03.jpg|images/04.jpg|images/05.jpg";var slideimages=pics.split("|");
//slidetext数组为变换的文字var texts="西部十个值得去的地方|萨尔斯堡:甜蜜天籁之音|一个随船摄影师的海上180天 |魅力水镇 法国依云|找寻\"北大荒\"原始风光";var slidetext=texts.split("|");
//slidetext数组为点击大图后跳到的地址var links=&
var slidelinks=links.split("|");//每个图片的连接--&&/SCRIPT&
&SCRIPT src="img/5adpics.html" type=text/javascript&&/SCRIPT&
&!--5adpics.html是js代码放在img目录下--&&A style="CURSOR: hand" onfocus=this.blur() onclick=gotoshow() target=_blank&&IMG id=slide style="FILTER: BlendTrans(enabled=true,percent=10)" height=210 src="img/blank.jpg" width=355 border=0& &/A&&DIV class=pnews_tb_padding&&DIV class=pnews_tb_right&&UL id=xiaosan&&!--下面是你的图片在当前目录下的img文件夹里的5张按钮图片样式和命名--&& &LI&&IMG onmousemove=chki(0); src="img/ns_1.jpg"& &/LI&& &LI&&IMG onmousemove=chki(1); src="img/ns_2.jpg"& &/LI&& &LI&&IMG onmousemove=chki(2); src="img/ns_3.jpg"& &/LI&& &LI&&IMG onmousemove=chki(3); src="img/ns_4.jpg"& &/LI&& &LI&&IMG onmousemove=chki(4); src="img/ns_5.jpg"& &/LI&&/UL&&/DIV&&DIV class=pnews_tb_left&&DIV id=textslide&&/DIV&&/DIV&&/DIV&&SCRIPT language=JavaScript&&!--rotateStart();//--&&/SCRIPT&&/DIV&&/BODY&&/HTML&
5adpics.html里面的内容:
&var cliImg = '';var cliImgSrc = '';var n = Math.round(Math.random() * 10);var cx = slideimages.var interval = 5000;var setTimeId = '';
var numimg = new Anumimg[0]="img/s_1.jpg";numimg[1]="img/s_2.jpg";numimg[2]="img/s_3.jpg";numimg[3]="img/s_4.jpg";numimg[4]="img/s_5.jpg";
function rotateStop(){&clearTimeout(setTimeId);}
function rotateStart(){&rotate();}
function chki(no){&var pImg = document.getElementById("slide");&//var pUrl = document.getElementById("RollUrl");&var pTitle = document.getElementById("textslide");&var ci = document.getElementById("xiaosan").getElementsByTagName("img");&if(cliImg == '')&{&&& cliImg = ci[no];&&& cliImgSrc = ci.src[no];&&& ci.src[no] = numimg[no];&&& n=&&& pImg.src = slideimages[no];&&& //pUrl.href = slidelinks[no];& &&& pTitle.innerText = slidetext[no];& &}&else if(cliImg != ci)&{&&& cliImg.src = cliImgS&&& cliImg = ci[no];&&& cliImgSrc = ci[no].&&& ci[no].src = numimg[no];&&& n=&&& pImg.src = slideimages[no];&&& //pUrl.href = slidelinks[no];& &&& pTitle.innerText = slidetext[no];& &}}
function rotate(){&n = (n &= cx-1) ? 0 : n+1;&setimgurl();&setTimeId=setTimeout("rotate()",interval);}
function setimgurl(numt){&var xx = document.getElementById("xiaosan").getElementsByTagName("img");&var ci = xx[n];&document.getElementById("slide").filters.blendTrans.apply();&//document.getElementById("RollUrl").href=slidelinks[n];&document.getElementById("slide").src=slideimages[n];&document.getElementById("textslide").innerText=slidetext[n];&document.getElementById("slide").filters.blendTrans.play();&if(cliImg == '')&{&&& cliImg =&&& cliImgSrc = ci.&&& ci.src = numimg[n];&}&else if(cliImg != ci)&{&&& cliImg.src = cliImgS&&& cliImg =&&& cliImgSrc = ci.&&& ci.src = numimg[n];&}}
function gotoshow(){&window.open(slidelinks[n]);}
但如果用flash可以直接做出很多其他好看的效果!
2、js脚本、制作网页特效:给你个例子!
我的图片比较大,要在那里改大小呢?
的感言:虽然还是有些看不懂,谢谢了 相关知识略懂社热议
其他回答 (4)
&tr align="center"&&a href="图片转向的链接"&&img src="图片的地址" width="100%" height="100%" border="0"&&/a&&/td&
我要多张图片的哦
那些都是动画啊,有的是flash,有的是Gif,还有些是网页特效。
超链接一般在做flash的时候就加好了的,当然在写代码时也可以加。
网页的特效要怎么做啊
一般是用JS实现的,当然这个比较麻烦,起码要懂javascript,所以一般都是用动画软件如flash8、fireworks 等专门的图片动画软件来制作swf和gif格式的动画。
flash8、fireworks 可以建立超链接吗?
flash 8是制作swf格式动画的软件,在制作过程中,可以为动画加好超链接,如果你刚接触网页制作,这个现在你可以先不学。
你不会写代码的话,可以用DW做网页,你进入设计界面后可以很轻松的进行超链接操作,如你插好图之后,在菜单栏里点“窗口--&属性”打开属性面板,点击要链接的图片,在下面的属性栏里有个链接,那里可以输入想链接的网页的路径,如果不懂路径,旁边还有个黄的文件夹的标志,可以点击打开在里面选择链接目标。
做链接有相对路径和绝对路径之分,所以懂代码很有必要。
学网页制作前期可以跟着教程熟悉一下网页制过的一般过程,和网页中有哪些元素,熟悉这些的同时,也要了解一个它们所对应的标签及标签的常用属性,为以后学代码打下基础,因为想要真正学会网页制作,代码是少不了要接触的,但是可以稍晚一点学代码,因为那个比较枯燥。
使用代码来实现在的
我就是不会用代码,你会吗,会就教教吧!
新竹网络来帮你,sinzhu点net,教你如何制作网页动态图片!
相关知识略懂社热议等待您来回答
网页制作领域专家
& &SOGOU - 京ICP证050897号→ 这个电子海报机的图片怎么做的,谁知道
选取类型:
观点标题:
观点内容:(不支持HTML)
请以客观、真实地作出评论,并注意语言文明;
观点发表后不能作出更改;
您是本帖的第 4702 个阅读者
这个电子海报机的图片怎么做的,谁知道
等级:初生婴儿
这个电子海报机的图片怎么做的,谁知道
这个,想自己做几个,不知有什么软件,谁会啊,关键是做出来文件很小,十几k,做大了海报机显示很模糊此主题相关图片如下:xx酒店 欢迎您 鼓掌.gif
等级:学前班
ps简单的做了一下,结果文件过大上传不了
等级:初生婴儿
............
等级:初生婴儿
这个图片像素是96*128的,大家看怎么做。
等级:幼儿园
用户已经被屏蔽
等级:中学生
经验:1605
我也想知道怎么做的。
等级:小学生
用flash做 不过画图好麻烦啊
等级:小学生
我想知道怎么上传文件。。。。刚简单做了一下 不会上传
等级:小学生
此主题相关图片如下:未命名-1.gif
等级:小学生
这个小 不足20k,不过个人绘画水平太差 以致于没有什么耐心愿意去做了。。。不过用FLASH做还是很简单的
本论坛言论纯属发表者个人意见,与本站立场无关,任何违反国家相关法律的言论,本站将协助国家相关部门追究发言者责任! 粤ICP备号
Copyright © 2007
Powered By
页面执行时间 0.12500 秒, 4 次数据查询谁知道这个图片上的名字是怎么做的???_百度知道网红当道,越来越多的产品也随波开启了单口相声模式,一向严谨的苹果也不例外。虽然每...
明天(9月16日) Apple Watch Series 2 将发售或发货,在此之前我们抢先一睹 Apple ...
回首过去20年,游戏作为一种娱乐方式改变大家生活,在未来游戏将继续改变我们的娱乐体...
最新消息认为,明年 2017 年的 iPhone 才是真正吸引大众市场的杀手级拍照机皇,而不仅...
智能手机市场经历过疯狂飙升的时期,如今已经趋于成熟。苹果很难再恢复过去那段唾手可...
看来首批iPhone 7 Plus很快售罄是有原因的,你会为了拍照质量而买它吗?
看来之前资本市场对iPhone 7的担心是多余的,现在更期待明年的十周年款iPhone了。
不知道这是因为产量太少,还是因为双摄像头的魅力?
《有道语文达人》是网易有道词典出品的语文学习、古诗翻译、汉语词典软件。它能够让你...
外星人入侵地球的剧情早已不是什么陌生的题材了,关于地球会不会被入侵占领一直是一个...
来自宝岛台湾的游戏厂商硕辣椒(SO-CAYENNE)最近在 App Store 上架了一款全新的冒险...
近日,游戏开发商Boomzap在苹果商店当中推出了其新作《科艾斯亚的传奇(Legends of Ca...
《熊猫博士讲卫生》能够帮助孩子在四岁到五岁这样一个黄金时期养成良好的卫生习惯,从...
近日,游戏开发商Foursaken Media在苹果商店当中推出了一款休闲射击新作《彩色机器人...
有一句话叫“我们都已经过了和别人拼记忆的年龄了”,那么该拼什么?我想应该是积累吧...
目前,虚拟现实革命正在进行,除了 Android 用户之外,iPhone 用户也能够参与其中。
毫无疑问 AirPods 是一款非常优秀的无线耳机,不过人们更加喜欢拿它身上的槽点来做文...
W1 芯片不仅有助于传输高品质音频,而且还带来了行业内最出色全自动的设置方案,以及...
遗憾的是苹果没有一并推出一款光滑的亮黑色基座,原来的深空灰色基座得到了保留。
AirPods任务是将数以亿计的有线耳机扫入历史的垃圾箱。走出这一步后,苹果站到了新的...
不过稍显遗憾的是,并未推出iPhone 7的版本。
或许这将是全球首款内置DAC(数字模拟转换器)和LAM模块(lightning audio module)的...
这款产品能够将 iPhone 7 手机上的 Lightning 接口变成两个,可以在听音乐的同时给手...
谁知道这个图片里面的 微信 消息样式是怎么搞得?
注册时间 最后登录
在线时间278 小时 UID
主题帖子人气
红苹果, 积分 264, 距离下一级还需 236 积分
已解决~& &看7楼
这个东西。我有木有火星啊?
新人啊...多多谅解...
注册时间 最后登录
在线时间2515 小时 UID
主题帖子人气
越狱后美化所为
注册时间 最后登录
在线时间278 小时 UID
主题帖子人气
回 1楼(tk68086) 的帖子
引用第1楼tk6-01-31 10:42发表的
:越狱后美化所为......谢谢你~我知道,这个我都已经美化完了..
就这个微信的消息框不知道是什么插件~
注册时间 最后登录
在线时间2515 小时 UID
主题帖子人气
回 2楼(黄广广) 的帖子
引用第2楼黄广广于 10:43发表的
:谢谢你~我知道,这个我都已经美化完了..就这个微信的消息框不知道是什么插件~......他的教程里面没有提到么?我不美化,再看看其他朋友的回复吧
注册时间 最后登录
在线时间132 小时 UID
主题帖子人气
非主流。。。
换安卓把。。。
就可以这样了。。。
注册时间 最后登录
在线时间278 小时 UID
主题帖子人气
回 4楼(ELAIVSAWS) 的帖子
引用第4楼ELAIVSAWS于 10:51发表的
:非主流。。。换安卓把。。。就可以这样了。。。美化伤身......嘿嘿~ 适度不伤~
很少插件..手动比较多~
注册时间 最后登录
在线时间1926 小时 UID
主题帖子人气
自己找教程。这个主题论坛里面好像叫做jack 主题
注册时间 最后登录
在线时间922 小时 UID
主题帖子人气
Make Life Getting Better
叫做minibanners pro
注册时间 最后登录
在线时间278 小时 UID
主题帖子人气
回 7楼(猫十三儿) 的帖子
引用第7楼猫十三儿于 11:26发表的
:叫做minibanners pro......太感谢你啦~
威锋旗下产品
Hi~我是威威!
沪公网安备 29号 | 沪ICP备号-1
新三板上市公司威锋科技(836555)
增值电信业务经营许可证:
Powered by Discuz!谁知道这种图片怎么做_李毅吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0可签7级以上的吧50个
本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:23,945,493贴子:
谁知道这种图片怎么做
0基础电脑培训——变身高富帅!
只要一个女孩真的爱你,不管你送的iphone6S什么颜色,你送的法拉利有多丑,你送的房子位置有多喧闹,她都会一声不吭地收下,不会介意。她真的喜欢你就会喜欢你的一切,喜欢你开跑车的专注,喜欢你给她带钻石项链时的绅士,就连你给她打钱时多打了几个0的粗心都觉得无比可爱,人生就是要这么平淡的爱情。
贴吧热议榜
使用签名档&&
保存至快速回贴

我要回帖

更多关于 谁知道那样的图片 的文章

 

随机推荐