分类: 例子预览模式: 普通 | 列表

随下拉菜单选项变化的图片

<select name=face onChange="document.images['face'].src=options[selectedIndex].value;">
<script language=vbs>
for i = 1 to 14
document.write"<option value=http://www.makewing.com/lanren/emotions/07/"&i&".gif>头像"&i&"</option>"
next
</script>
</select>

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4
<HTML><HEAD><TITLE>绝对经典的滑轮新闻显示(javascript+css)</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css"><!--BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center}
.dis {DISPLAY: block}
.undis {DISPLAY: none}
#cntR {WIDTH: 302px}
#NewsTop {    CLEAR: both; MARGIN-BOTTOM: 16px}

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 28

鼠标放到文字上出注释的代码

<br /><br />
<a class="tooltips" href="#tooltips">这就是Tooltips<span>如你所见,这些附加的说明文字在鼠标经过的时候显示。</span></a>
<style type="text/css">
/*Tooltips*/
.tooltips{
position:relative; /*这个是关键*/
z-index:2;

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 10

自动选择列表框代码

<!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" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>css괥Ч</title>
<style type="text/css">

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 13

鼠标放上出现大图的代码

<style>
#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}
#demo img{border:none;width:100px;height:100px;border:5px solid #f4f4f4}
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}
</style>
<div id="demo" style="overflow:hidden;width:120px;text-align:center;padding:10px">
    <img src="http://www.makewing.com/images/uppic/200801101244190.jpg">

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1

掉链图片的替代图片方法

<img src="none.gif" onerror="this.src='http://www.makewing.com/images/logo88x31.gif'">

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 0

图片无缝滚动

<!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"   content="text/html;   charset=utf-8"   />  
<title>无缝滚动</title>  
</head>  
  

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1

页面右下角弹出类似QQ或MSN的消息提示

<HTML><HEAD>
<TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示</TITLE>
<SCRIPT language=JavaScript>  
<!--  
  
/**//*  
**    ==================================================================================================  

查看更多...

分类:例子 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3