网页特效_网页制作_新兴网络学院

Javascript 文字弹簧卷轴特效 [内容预览] 518 | 2011-01-13

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>弹簧卷轴</title></head><body bgcolor="#fef4d9" onload=initiate()><SCRIPT language=JavaScript1.2>var message= n...

[阅读全文]

Javascript 实现流动边框特效 [内容预览] 348 | 2011-01-13

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Javascript 实现流动边框特效</title></head><body><SCRIPT>l=Array(6,7,8,9,'a','b','b','c','d','e','f')Nx=5;Ny=35t="...

[阅读全文]

JS 实现文字缩小合并特效 [内容预览] 231 | 2011-01-11

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JS 实现文字缩小合并特效</title></head><body bgcolor="#fef4d9" onload=changetext()><STYLE>.spanstyle {BACKGROUN...

[阅读全文]

多行文字动态变换渐变特效 [内容预览] 268 | 2011-01-11

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>多行文字动态变换渐变特效</title></head><body><style type="text/css">body { background-color:#ffcc77; font-family...

[阅读全文]

网页Logo图片渐变效果显示 [内容预览] 598 | 2011-01-01

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页Logo图片渐变效果显示</title></head><body><SCRIPT language=JavaScript>if (document.images)var staticlogo=new I...

[阅读全文]

jQuery 鼠标单击模拟翻页效果简单示例 [内容预览] 751 | 2010-11-18

鼠标单击后会自动切换DIV层，就像翻书效果一样。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1...

[阅读全文]

纯代码实现背景渐变效果 [内容预览] 231 | 2010-11-17

纯代码实现背景渐变效果，这里没有用到任何图片。 <html><head><title>纯代码实现背景渐变效果</title><script>var setGradient = (function(){ var p_dCanvas = document.createElement('canvas'); var p_useCanva...

[阅读全文]

鼠标点击屏幕变半透明效果代码 [内容预览] 271 | 2010-11-16

鼠标点击屏幕变半透明效果代码，CSS鼠标点击变暗效果示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://ww...

[阅读全文]

纯CSS打造横向三级自动弹出菜单 [内容预览] 312 | 2010-11-11

横向三级弹出菜单，没有用到如何Javascript代码，纯CSS实现。鼠标滑过自动弹出菜单。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...

[阅读全文]

两个DIV滚动条同时滚动 [内容预览] 5037 | 2010-11-04

JS控制两个DIV滚动条同时滚动，滚动左边的DIV时，右边的DIV同步滚动。主要是通过在左边的DIV的onscroll事件中，设置右边的DIV的scrollTop与左边的相同即可。 <html> <head><style> DIV {width:400;height:130;bor...

[阅读全文]

JS 实现放大与缩小网页 [内容预览] 8957 | 2010-11-04

利用Javascript控制CSS样式zoom属性实现网页放大与缩小。这个只有IE中支持。 <html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>JS 实现放大与缩小网页</title><script l...

[阅读全文]

Javascript 使网页背景滚动效果，文字不动 [内容预览] 599 | 2010-10-14

Javascript 使网页背景滚动效果，文字不动。 <html><head><title>滚动图片效果</title></head><body background="/img/201009/5.jpg">这是文字<script language="javascript"><!-- c = 0; function sf(){ c++; docu...

[阅读全文]

鼠标指向链接提示框滚动效果 [内容预览] 265 | 2010-09-25

通常的提示框中内容是静止不动的，而这个却让提示框中的内容不断滚动。 <html><head><title></title></head><body leftmargin="0" marginwidth="0" background="bg.gif"><table border="0" width="98%" cellspacin...

[阅读全文]

网站页面进入与退出特效(Page-Enter与Page-Exit) [内容预览] 2468 | 2010-09-24

先来试试效果吧： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>P...

[阅读全文]

JS 实现表格单击改变单元格颜色与隔行颜色 [内容预览] 630 | 2010-09-01

当鼠标划过的时候变色，当鼠标点击的时候换色，不是简单的隔行换色，是三态的，即正常、滑过、选中三种状态的表格，效果不错，在显示比较多的表格数据的时候相当有用。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4....

[阅读全文]

JavaScript鼠标感应图片快速切换特效 [内容预览] 612 | 2010-08-30

鼠标移到图片上，等待一会图片切换的速度会越来越快，几乎要旋转起来了，不是太实用，，当作一个学习JS的小练习吧。 <html><head><title>JavaScript鼠标感应图片快速切换特效</title><meta http-equiv="content-ty...

[阅读全文]

输入框选中高亮突出显示效果 [内容预览] 1297 | 2010-08-28

JavaScript 实现输入框选中高亮突出显示效果,仿Excel表格中高亮显示当前输入状态的单元格. <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>输入框选中高亮突出显示效果...

[阅读全文]

DIV+CSS实现边框阴影效果 [内容预览] 486 | 2010-08-28

效果非常不错,可兼容FF等其他浏览器。 <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS实现阴影</title><style type="text/css">body {padding: 200px;}div {border-widt...

[阅读全文]

鼠标经过图片链接自动点击 [内容预览] 180 | 2010-08-23

当鼠标滑过链接时会自动打开设置的网页地址。 <html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>鼠标滑过链接自动点击测试</title></head><body><a onMouseOver="javascr...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-T...

[阅读全文]

鼠标滑过导航菜单颜色渐变 [内容预览] 262 | 2010-08-21

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>鼠标滑过导航菜单颜色渐变</title><STYLE><!--.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:none...

[阅读全文]

CSS仿Flash文字动态渐变效果 [内容预览] 710 | 2010-08-19

是仿FLASH的那种，没有用到JS，这让你很惊奇吧？它只不过是用CSS定义了文字的背景，背景则是一幅会流动的图片，这样文字就被渐变成这种效果了！ <html><head><title>仿Flash文字动态渐变效果</title></head><body><...

[阅读全文]

网页上实现vista风格窗口(可拖动) [内容预览] 270 | 2010-08-16

附件下载.rar <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8"><head><me...

[阅读全文]

简洁的折叠菜单(似腾讯QQ效果) [内容预览] 376 | 2010-08-14

<html><head><title>简洁的折叠菜单(似腾讯QQ效果)</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type="text/css">.sv3 dl,.sv3 dt,.sv3 dd{ padding:0; margin:0;}.sv3{ wid...

[阅读全文]

Javascript实现无限级树形菜单列表 [内容预览] 326 | 2010-08-11

<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>示例</title></head><body><style type="text/css"> *{ margin:0; padding:0; list-style:none;} body { margin:20px;} h2 { font-family:"黑体"; font-s...

[阅读全文]

一个比较简洁兼容好的Tab滑动门 [内容预览] 269 | 2010-08-11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type...

[阅读全文]

仿XP 风格的折叠菜单效果 [内容预览] 451 | 2010-08-10

源文件打包下载.rar <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http...

[阅读全文]

仿QQ风格折叠菜单 [内容预览] 322 | 2010-08-10

点击下载附件.rar <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-...

[阅读全文]

JS 实现浏览器状态栏显示动态时间 [内容预览] 332 | 2010-08-07

<HTML><HEAD><TITLE>状态栏显示时间</TITLE><META content="text/html; charset=gb2312" http-equiv=Content-Type><SCRIPT language=JavaScript>var timerID = null;var timerRunning = false;function stopclock...

[阅读全文]

JS+CSS打造二级横向下拉菜单 [内容预览] 4536 | 2010-08-05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>二级横向菜单</title><meta http-equi...

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

栏目导航

本类热门