网页特效知识文章关闭所有内容预览 | 展开所有内容预览
-
纯CSS打造当鼠标经过链接时给出文字提示
[内容预览]
465 | 2011-10-23
我们在一些网站中经常看到一些链接，当鼠标经过时会给出很漂亮的文字提示，这些文字提示可以使用JS+CSS技术来实现，可是很复杂，本文介绍一种使用纯CSS实现文字提示的功能。 实现本技术需要两步： 第一步：将下面的CSS内容放到<head>与</head>标签之间，一般可放在<title>之前或</title>之后； <style type="text/css"> /*Toolt...
[阅读全文]
-
[图文] 图片特效：鼠标滑过，图片放大显示
[内容预览]
662 | 2010-12-05
当鼠标在某个图片上不动时，图片即放大显示，鼠标滑出时，图片恢复原样。 源代码如下： <!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/19...
[阅读全文]
-
图片特效：具有绅士风度的图片展示效果
[内容预览]
236 | 2010-12-05
当一个图片被选中后，其他图片会退居幕后，多么具有绅士风度啊 源代码如下： <!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/xh...
[阅读全文]
-
图片特效：影布效果展示图片
[内容预览]
230 | 2010-12-05
类似块块悬挂起的影布，鼠标滑动，向你展示不同的故事 源代码如下： <!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"...
[阅读全文]
-
图片特效：滑动显示的图片效果
[内容预览]
291 | 2010-12-05
初始效果像布匹？像钢琴键？展示时是滑动的效果，比较酷。 源代码如下： <!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/xhtm...
[阅读全文]
-
图片特效：排列整齐而又任性的图片展示效果
[内容预览]
458 | 2010-12-05
有一款超酷的图片特效，图片整齐排列中又非常的任性，让你体验一下这种感觉。 源代码如下： <!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/...
[阅读全文]
-
[图文] 图片特效：能够自动让位的图片展示效果
[内容预览]
293 | 2010-12-05
图片点击放大，其他图片会自动让位，老外起名为：正在变弱的邻里关系（Weakening neighbors），很有寓意。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Weakening neighbors - in...
[阅读全文]
-
图片特效之带标题与文字介绍的图片展示效果
[内容预览]
410 | 2010-12-05
带图片标题与介绍的图片展示效果 源代码如下： <!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> ...
[阅读全文]
-
图片特效：画中画，可做图片分类用
[内容预览]
304 | 2010-12-05
本文给出一个类似画中画的特效，用户点击图片中的热点，图片将放大并显示下一级，可以做成类似图片分类的特效。 源代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht...
[阅读全文]
-
图片特效：点击图片放大，再点击恢复原状
[内容预览]
2489 | 2010-12-05
本文给出一个精美的图片特效源代码，通过点击图片，图片就会放大显示，再次点击图片后，图片就会恢复原状，这个特效非常炫。喜欢的就抓紧时间保存下来吧。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht...
[阅读全文]
-
精美的鼠标控制图片放大或缩小的图片特效
[内容预览]
450 | 2010-12-05
本文给出一个鼠标控制图片放大或缩小的图片特效，通过移动鼠标可以控制图片放大或缩小，而且还可以控制图片的显示速度。喜欢的就保存，有错误的给留言。 源代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...
[阅读全文]
-
图片展示特效之一：通过滑动条轮回显示图片
[内容预览]
385 | 2010-12-05
本文给出了一个通过滑动条和鼠标点击展示图片的特效，源代码如下： <!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"> ...
[阅读全文]
-
具有波纹效果的文字
[内容预览]
225 | 2010-11-11
本特效演示了多个文本的波纹效果，非常好！ <HTML> <HEAD> <TITLE>具有波纹效果的文字（翔宇亭IT乐园—biye5u.com）</TITLE> <STYLE> DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;} </STYLE> <SCRIPT LANGUAGE...
[阅读全文]
-
网页特效：文字轮流变色
[内容预览]
314 | 2010-11-11
滚动的文字——文字轮流变色 <html> <head> <title>滚动文字(文字交替变色)-biye5u.com</title> </head> <body> <p align="center"> <SCRIPT> var temp_i=1 function flash_sms() { for (i=1;i<=9;i++) { ...
[阅读全文]
-
文本框中文本跑马灯
[内容预览]
249 | 2010-11-11
本特效实现了在文本框中的走动跑马灯 <SCRIPT Language="JavaScript"> var msg="欢迎访问翔宇亭IT乐园 www.biye5u.com "; var interval = 100; var space10=""; var seq=0; function Scroll() { document.tmForm.tmText.value = msg.su...
[阅读全文]
-
表单特效：非常不错的表单显示效果
[内容预览]
223 | 2010-10-17
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效之非常不错的表单显示效果</title> <style type="text/css"> body{ font-family: verdana,font-size: 12px;color: #FFFF...
[阅读全文]
-
文本特效：水形文字
[内容预览]
227 | 2010-10-17
<HTML> <HEAD> <TITLE>网页特效：水形文字</TITLE> <STYLE> DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;} </STYLE> <SCRIPT LANGUAGE="JavaScript"> var count=0; var thePhase=0; va...
[阅读全文]