这种顶部banner是怎么做的?

发布网友发布时间：2022-04-27 10:11

共3个回答

热心网友时间：2023-09-11 22:16

用photoshop完成。
1.先找一张两边有图案的照片，我找的是海石图片。
2.新建空白文件，在空白页面上，用‘油漆桶’工具加上海蓝色。
3.用‘椭圆选框工具’，调整羽化值40---50，然后在海蓝色页面上拉椭圆选框。
4.用‘移动工具’把海蓝色的椭圆选框移到海石图片上，‘编辑----自由变换’调整椭圆的位置和形状；再适当的调整一下透明度。
5.图层----拼和图像
6.给蓝色的部分打字，并给字添加效果。
7.用‘裁剪工具’裁剪，留下中间的部分，就是您所要的那部分了。
8.保存---命名---格式。

热心网友时间：2023-09-11 22:16

这个是三张图片做的一个图片变换效果，用的JavaScript实现的！

热心网友时间：2023-09-11 22:17

<div class="banner" style="width:1002px; margin:0 auto;">
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 3;
var bStart = 0;
function fnToggle()
{var next = NowFrame + 1;<br>if(next == MaxFrame+1) <br>{NowFrame = MaxFrame;next = 1;<br>}if(bStart == 0){bStart = 1;setTimeout('fnToggle()', 2000);<br>return;}else{oTransContainer.filters[0].Apply();<br>document.images['oDIV'+next].style.display = "";<br>document.images['oDIV'+NowFrame].style.display = "none";<br>oTransContainer.filters[0].Play(ration=2);<br>if(NowFrame == MaxFrame){NowFrame = 1;}else{NowFrame++;}}
setTimeout('fnToggle()', 9000);}fnToggle();</SCRIPT>
<div id=oTransContainer style="margin-bottom:0px;FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 1002px; HEIGHT: 140px"><a href=" http://sc.ankang.gov.cn" target="_blank"><IMG class=pic id=oDIV1 height=140 src="/skin/2009gov/pic/gov-1.jpg" width=1002 border=0 name=oDIV1></a><a href=" http://sc.ankang.gov.cn" target="_blank"><IMG class=pic id=oDIV2 style="DISPLAY: none" height=140 src="/skin/2009gov/pic/gov-2.jpg" width=1002 border=0 name=oDIV2><IMG class=pic id=oDIV3 style="DISPLAY: none" height=140 src="/skin/2009gov/pic/gov-3.jpg" width=1002 border=0 name=oDIV3></a></div>
</div>
 div+js