网页图片特效代码
网页图片特效代码
2008-08-06 09:33
一:图片羽化效果
1:
style="FILTER: Alpha(opacity=100,style=2)" height=375
src="https://www.sodocs.net/doc/aa15856544.html,/Files/uploadpic/Img224795619.jpg"
width=375>
2:
background=https://www.sodocs.net/doc/aa15856544.html,/hzh/01.jpg height=300> < |
二:图片羽化效果加透明flash:
三:图片加透明flash效果:
四:一张图片左右动:
五:一张图片从右向左移动(反复)
src="https://www.sodocs.net/doc/aa15856544.html,/klw/images/20050307095912bO_tLoxNQ==.jpg" width=762>
六:图片向上移动:
onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333">
七:图片羽化效果后上面加文字
background=https://www.sodocs.net/doc/aa15856544.html,/inc/%BA%A3%CC%C4%BB%A83.jpg height=400> size=7>
size=7>
精 品素材小屋欢迎您的光临! |
八:flash上加文字
九:flash羽化效果
background=height=320> color=#7fff00>
|
十:多张图片移动
十一:图片加相框
background=https://www.sodocs.net/doc/aa15856544.html,/f/000006/398079.jpg>
src="https://www.sodocs.net/doc/aa15856544.html,/picture/xx9/xbk/142.gif"> |
网页图片特效代码-飘动的图片
2007-06-05 21:41
html-https://www.sodocs.net/doc/aa15856544.html,onClick="pause_resume();" border="0" alt='img'>
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
网页图片百叶窗效果代码
代码如下:
调整scrollDelay=XX可以调整滑动速度
dreamweaver图片展示特效代码
6 js脚本结束 4。简单的页面加密 等等标志对,这些标志对都是描述Html 文档相关信息的标志对,
标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3. 是Html文档的主体部分,在此标志对之间可包含、< /p>、、
、
、
等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html 语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。 4. 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在标志对之间加入您要显示的文本即可。注意:< /title>标志对只能放在标志对之间。 下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在网页及表格背景设计
网页及表格背景设计 一、网页背景设计技巧 1.颜色背景 颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景,其HTML(超文本标记语言)语法为:其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。 颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。 2.沙纹背景 沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。 初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。 沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:其中的"picture"表示背景图片的URL(统一资源定位符)路径。
3.条状背景 条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。 以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。 4.照片背景 把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS(层叠样式表)。在网页文件的……之间加入下面的CSS语句:这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"(属性设置背景图像的起始位置)的值就可以了。 5.复合背景 如果你在练习上面的“照片背景”时“不小心”也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧! 6.局部背景 前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内
网页图片滚动新闻代码
自动切换的图片幻灯切换效果(图片滚动新闻) 可自己修改滚动图片和增加滚动图片数量,以及修改滚动图片大小等! 1.效果预览: 2.代码部分:(将一下代码复制粘贴到记事本中,把后缀改成.html)
三个jQuery版淡入淡出自动切换的图片幻灯切换效果_https://www.sodocs.net/doc/aa15856544.html,