`
jklr11
  • 浏览: 5346 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

制作网页中的渐变背景方法

阅读更多

 

<!--if request("infoid")<>"" then set rs=conn.execute("select * from nproduct where id="&request("infoid")) if not (rs.eof and rs.bof) then proname=rs("proname") content=rs("proinfo") end if rs.close set rs=nothing end if -->
方法一:
用图实现
1切一张1*760的渐变背景图
2在dw中添加做背景

方法二:
用css实现,代码如下:
<html>
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)">
<center>
<font size="+3"><strong>网页背景色渐变<br>
(从白色到黑色) </strong></font> <br>
<br>
</center>
</body>
</html>

下面这个是斜角渐变啊
<html>
<body style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue">
<h1>背景渐变(左上至右下)</h1>
</body>
</html>
很COOL的哦!

方法三:
用javascript实现
<SCRIPT LANGUAGE="javascript">

<!-- Hide from old browsers
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
/* Do not display text on a fading background. Instead, let it
fade in and out once or twice, then load a new page. */
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15)
} else {
setTimeout("fadeIn(16)", 15);
// window.location.href="http://www.moontoucher.net";
}
}
// Unhide -->
</SCRIPT>

<body bgcolor="#fef4d9" onLoad="fadeIn(16)">
分享到:
评论

相关推荐

    jquerygradientify是一款可以制作网页背景渐变色平滑过渡动画的jQuery插件

    jquery-gradientify是一款可以制作网页背景渐变色平滑过渡动画的jQuery插件。该插件使用简单,它通过参数的方式来提供一组渐变色,并使元素的背景色在这组渐变色之间反复平滑过渡。

    纯CSS3制作科技感十足的背景发光渐变网页Loading加载动画特效源码.zip

    纯CSS3制作科技感十足的背景发光渐变网页Loading加载动画特效源码.zip

    jQuery网页背景渐变色平滑过渡动画插件

    jquery-gradientify是一款可以制作网页背景渐变色平滑过渡动画的jQuery插件。该插件使用简单,它通过参数的方式来提供一组渐变色,并使元素的背景色在这组渐变色之间反复平滑过渡。

    用网页技术CSS实现网页背景渐变的四种代码设置

    一、从上往下渐变 复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变 复制代码代码如下: body{...

    HTML5&CSS3网页制作:CSS3线性渐变.pptx

    在CSS3之前如果需要添加渐变效果,通常要设置背景图像来实现。而CSS3中增加了渐变属性,通过渐变属性可以轻松实现渐变效果。 CSS3渐变属性 css3中定义了两种渐变类型:线性渐变和径向渐变。线性渐变是指两个或者两个...

    蓝色渐变背景相册模板下载

    蓝色渐变背景相册模板下载是一款基于HTML5制作的适合旅游公司相册展示模板下载。

    CSS3网页设计与制作(6-11):颜色特性/新型盒模型/边框/背景/渐变

    CSS3规范并不是独立的,它重复了CSS的部分内容,但在其基础上进行了很多的增补与修改。...本课程是《CSS3网页设计与制作》系列课程的6-11章内容,主要包含颜色特性、文本属性、盒模型、边框属性、背景属性等知识点

    背景色渐变脚本(HTML经典用例)

    更多资源请查看: http://download.csdn.net/user/njzdl

    css3实现背景颜色渐变让图片不再是唯一的实现方式

    对于网页设计师而言,颜色渐变在网页设计中十分常见,而对于网页制作者来说,通常的方法就是把渐变切成图片来实现。伴随着css3的出现,实现背景颜色渐变,图片不再是唯一的实现方式,在这里面,我分别就这两种内核的...

    使用HTML开发商业网站-案例-制作音乐排行榜课件.pptx

    (1)通过最外层的大盒子对页面的整体控制,需要对其设置宽度、高度、圆角、边框、渐变及内边距等样式,实现唱片背景效果。 (2)整体控制列表内容(ul),需要对其设置宽度、高度、圆角、阴影等样式。 (3)设置5个...

    CSS 网页文字渐变效果

    这里是一个简单的CSS技巧,它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一个空标签,它使用背景图片和position:absolute属性将标题覆盖。该技巧经...

    JavaScript网页特效范例宝典源码

    实例143 制作彩色渐变文字动画 224 5.2 改变文字大小 226 实例144 文字伸缩 226 实例145 动荡的文字 227 实例146 文字伸展 228 实例147 文字逐个放大 230 实例148 自动改变大小 231 实例149 选择字体的大小 232 5.3 ...

    前台网页模板

    挺不错的几个网页,关于制作个人博客,渐变的背景色很新颖

    70个命名好的动态效果的透明Flash,适合于网页开发,网页设计。web开发页面制作等

    可放在网页上的导航图上,效果非常炫,在图上只显示flash的动态效果而不显示flash的背景。 总共有70多种效果,如爱心满天飞,白色线条组成各种形状变化,白条渐变划过,枫叶飘下。。。。 很好的资源不要错过啊

    精致的GUI风格艺术设计幻灯片模板下载.rar

    这是一份精致GUI风格的...本模板适合用于制作网页设计,手机UI设计,培训课件PPT等。 关键词:精美,精致,好看的ui设计PPT模板,黑色幻灯片背景,彩色,渐变PowerPoint背景图片,艺术设计PPT模板免费下载,.PPT格式;

    css中文参考手册

    css中文参考手册 CSS 是 Cascading ...圆角、多背景、font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa - 加入透明色、文字阴影等等 CSS3 的出现,让代码更简洁、页面结构更合理,性能和效果得到兼顾。

    CSS 3.0 中文参考手册,层叠样式表下载.rar

    备受期待的 CSS 3 新功能 圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa - 加入透明色、文字阴影等等 CSS3 的出现,让代码更简洁、页面结构更合理,性能和效果得到兼顾。

    百例课堂.DELPHI.7编程入门篇

    实例42 制作网页浏览器风格的工具栏 实例43 制作可以滚动浏览的文本框 实例44 制作文件夹列表 实例45 制作显示文件详细信息的表格 实例46 制作显示文件的下拉菜单 实例47 制作闪动的滚动条 实例48 制作具有判断对错...

Global site tag (gtag.js) - Google Analytics