打印

谁给个变化文章底色的div的代码啊

kf2s [楼主]

初级会员

帖子: 68
体力: 141
威望: 0
当前: 河南开封

1^# 大中小发表于 2008-8-22 23:01

像这样的网上搜的不知怎么用啊不过还是table的
上次看到经典某个高手的站用了这种效果 div的不过找了很久没找到啊
谢谢高手提醒

<table><tr><td align="right" nowrap="nowrap">底色</td> 
                <td align="right" width="90px"> 
    <table cellspacing="2" style="margin-top:3px;"><tr height="10px;"> 
      <td width="10px" style="BACKGROUND:#FAFBE6;" onMouseMove="javascript:setColor('#FAFBE6');"></td> 
      <td width="10px" style="BACKGROUND:#FFF2E2;" onMouseMove="javascript:setColor('#FFF2E2');"></td> 
      <td width="10px" style="BACKGROUND:#FDE6E0;" onMouseMove="javascript:setColor('#FDE6E0');"></td> 
      <td width="10px" style="BACKGROUND:#F3FFE1;" onMouseMove="javascript:setColor('#F3FFE1');"></td> 
      <td width="10px" style="BACKGROUND:#DAFAFE;" onMouseMove="javascript:setColor('#DAFAFE');"></td> 
      <td width="10px" style="BACKGROUND:#E9EBFE;" onMouseMove="javascript:setColor('#E9EBFE');"></td> 
      <td width="10px" style="BACKGROUND:#EAEAEF;" onMouseMove="javascript:setColor('#EAEAEF');"></td> 
      <td width="10px" style="BACKGROUND:#33FF99;" onMouseMove="javascript:setColor('#33FF99');"></td> 
    </tr></table> 
<SCRIPT language=JavaScript> 
function setColor(color_val){document.getElementById('read_tpc').style.backgroundColor=color_val;} 
</SCRIPT>    
    </td> 
    <td nowrap="nowrap">【<a onMouseMove="javascript:doZoom(18);" href="#">大</a> <a onMouseMove="javascript:doZoom(15);" href="#">中</a> <a onMouseMove="javascript:doZoom(12);" href="#">小</a>】</td> 
              </tr> 
            </table>

提示：您可以先修改部分代码再运行

www.xyqb.net

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

marvellous

金翅擘海

荣誉管理团队

帖子: 11836
体力: 26946
威望: 141
当前: 北京朝阳区

2^# 大中小发表于 2008-8-23 10:58

Onmouse改变文字底色

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

kf2s [楼主]

初级会员

帖子: 68
体力: 141
威望: 0
当前: 河南开封

3^# 大中小发表于 2008-8-24 20:33

我的意思不是这样的
文章内容底色可以变的啊点那个颜色变那个颜色
可以保护视力啊

www.xyqb.net

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

marvellous

金翅擘海

荣誉管理团队

帖子: 11836
体力: 26946
威望: 141
当前: 北京朝阳区

4^# 大中小发表于 2008-8-25 00:29

不太明白LZ用意何在

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

yangqi0923

捕手

初级会员

帖子: 92
体力: 191
威望: 0
当前: 江西南昌
离线: 11 天

专长 网页设计,PHP,MySQL

5^# 大中小发表于 2008-8-25 04:15

提示：您可以先修改部分代码再运行

TOP

caiying2007

版主

帖子: 2798
体力: 5350
威望: 10

6^# 大中小发表于 2008-8-25 15:09

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>底色</title>
</head>
<body>
<table><tr>
	<td align="right" nowrap="nowrap">底色</td> 
    <td align="right" width="90px"> 
    <table cellspacing="2" style="margin-top:3px;"><tr height="10px;"> 
      <td width="10px" style="BACKGROUND:#FAFBE6;" onMouseMove="javascript:setColor('#FAFBE6');"></td> 
      <td width="10px" style="BACKGROUND:#FFF2E2;" onMouseMove="javascript:setColor('#FFF2E2');"></td> 
      <td width="10px" style="BACKGROUND:#FDE6E0;" onMouseMove="javascript:setColor('#FDE6E0');"></td> 
      <td width="10px" style="BACKGROUND:#F3FFE1;" onMouseMove="javascript:setColor('#F3FFE1');"></td> 
      <td width="10px" style="BACKGROUND:#DAFAFE;" onMouseMove="javascript:setColor('#DAFAFE');"></td> 
      <td width="10px" style="BACKGROUND:#E9EBFE;" onMouseMove="javascript:setColor('#E9EBFE');"></td> 
      <td width="10px" style="BACKGROUND:#EAEAEF;" onMouseMove="javascript:setColor('#EAEAEF');"></td> 
      <td width="10px" style="BACKGROUND:#33FF99;" onMouseMove="javascript:setColor('#33FF99');"></td> 
    </tr></table> 
<SCRIPT language=JavaScript> 
function setColor(color_val){document.getElementById('read_tpc').style.backgroundColor=color_val;} 
function doZoom(size_val){document.getElementById('read_tpc').style.fontSize=size_val+"px";} 
</SCRIPT>    
    </td> 
    <td nowrap="nowrap">【<a onMouseMove="javascript:doZoom(18);" href="#">大</a> <a onMouseMove="javascript:doZoom(15);" href="#">中</a> <a onMouseMove="javascript:doZoom(12);" href="#">小</a>】</td> 
   </tr></table>
<br>
<div id="read_tpc" style="width:200px;">谁给个变化文章底色的div的代码啊:像这样的网上搜的不知怎么用啊  不过还是table的上次看到经典某个高手的站用了 这种效果 div的不过找了很久没找到啊谢谢高手提醒
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

kf2s [楼主]

初级会员

帖子: 68
体力: 141
威望: 0
当前: 河南开封

7^# 大中小发表于 2008-9-13 17:14

谢谢一直没有看没想到好人真多

www.xyqb.net

TOP