设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 背景特效 > 详细内容
很不错的背景调色板
发布时间:2010-3-15  阅读次数:16638  字体大小: 【】 【】【

<html>
<head>
<title>网页特效|Linkweb.cn/Js|---很不错的背景调色板</title>
<style type="text/css">
<!--
body {   font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
  A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active         { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body>
<br>
<br>
<center><font color=red face="隶书" size=6>背景调色板</font></center>
<br>
<br><center>
<table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>请把鼠标放上去(看看状态栏的变化)</strong></font></td></tr>
<tr><td align=center><script language="JavaScript">
<!--

// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.geocities.com/~yehuda/

// create 6-element array
var hex = new Array(6)

// assign non-dithered descriptors
hex[0] = "FF"
hex[1] = "CC"
hex[2] = "99"
hex[3] = "66"
hex[4] = "33"
hex[5] = "00"

// accept triplet string and display as background color
function display(triplet) {
  // set color as background color
  document.bgColor = '#' + triplet

  // display the color hexadecimal triplet
  alert('现在的背景色是 #'+triplet)
}

// draw a single table cell based on all descriptors
function drawCell(red, green, blue) {
  // open cell with specified hexadecimal triplet background color
  document.write('<TD BGCOLOR="#' + red + green + blue + '">')

  // open a hypertext link with javascript: scheme to call display function
  document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')

  // print transparent image (use any height and width)
  document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')

  // close link tag
  document.write('</A>')

  // close table cell
  document.write('</TD>')
}

// draw table row based on red and blue descriptors
function drawRow(red, blue) {
  // open table row
  document.write('<TR>')

  // loop through all non-dithered color descripters as green hex
  for (var i = 0; i < 6; ++i) {
    drawCell(red, hex[i], blue)
  }

  // close current table row
  document.write('</TR>')
}

// draw table for one of six color cube panels
function drawTable(blue) {
  // open table (one of six cube panels)
  document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')

  // loop through all non-dithered color descripters as red hex
  for (var i = 0; i < 6; ++i) {
    drawRow(hex[i], blue)
  }

  // close current table
  document.write('</TABLE>')  
}

// draw all cube panels inside table cells
function drawCube() {
  // open table
  document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')

  // loop through all non-dithered color descripters as blue hex
  for (var i = 0; i < 6; ++i) {
    // open table cell with white background color
    document.write('<TD BGCOLOR="#FFFFFF">')

    // call function to create cube panel with hex[i] blue hex
    drawTable(hex[i])

    // close current table cell
    document.write('</TD>')
  }

  // close table row and table
  document.write('</TR></TABLE>')
}

// call function to begin execution
drawCube()

// -->
   </script>
 </td></tr></table></center>
<br>
<br>
<center>
&nbsp;<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a)

{

     history.go(a);

}

//-->

</script></center>
<br>
<br>
</body>
</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[221]
  • 评论人:[匿名] 时间: [2018-10-10 4:08:32] IP:[178.137.89.9*]
  • I like to get my inspiration from really meaningful phrases said by truly great people like вWe are too weak to discover the truth by reason aloneв, do you know where I can find thematic compiltaions of those? https//disertation.bid/who-can-do-a-custom-ethics-dissertation-academic-phd https//help-presentation.com/need-to-order-a-custom-math-presentation-us-letter-size-100-plagiarism-free
  • 评论人:[匿名] 时间: [2018-10-9 12:15:16] IP:[188.68.3.22*]
  • [url=http//cialisn.com]where can i buy cialis over the counter[/url] cialis online bestellen paypal http//cialisn.com
  • 评论人:[匿名] 时间: [2018-10-8 18:17:36] IP:[146.120.176.11*]
  • Быстровозводимые здания из ЛСТК - MCSTEEL Дома. Гаражи. Ангары. Склады. Навесы. Коровники. Птичники. Мастерские. Склад-Холодильник. Торговые здания. Зернохранилища. Овощехранилища. Производственный цех. СТО Собственное производство. Проектирование, производство, монтаж складских, производственных, торговых, сельхоз сооружений. быстровозводимых зданий из легких металлоконструкций. Расчет стоимости проектов. a href=https//mcsteel.ru/Быстровозводимый ангар цена/a
  • 评论人:[匿名] 时间: [2018-9-10 7:36:52] IP:[134.249.81.20*]
  • Добро пожаловать в удивительную страну - радушный Израиль. Вашему вниманию индивидуальная программа для продуктивного путешествия по стране на автомобиле гида. Ваш индивидуальный гид в Израиле Скальт Евгений позаботится о впечетляющей программе экскурсий, комфортном проживании; вкусной и сытной пище; безопасности и медицинской помощи, легком трансфере. Евгений Скальт - частный гид в Израиле с многолетним опытом и багажом знаний о жемчужене Ближнего Востока. Для Вас также экскурсии в Палестину по официальной лицензии, все об оздоровительных программах в Израиле, лечении на Мертвом море и во всех уникальных местах страны. Индивидуальный русский гид в Иерусалиме гарантирует незабываемое и продуктивное времяпровождение для тех, кто жаждет знаний. Чай кошерный, настоящий завтрак израильский, медовый цимес, аутентичные сувениры и колорит. Вы получите все от этой поездки! Ваш индивидуальный гид по Израилю Скальт Евгений ждет заявок на нужные даты, спешите забронировать время экскурсий. исрагид.рф - [url=http//www.исрагид.рф]медовый цимес[/url]
  • 评论人:[匿名] 时间: [2018-9-8 23:43:34] IP:[5.188.210.1*]
  • It is a really great resource!So much helpful information and handy suggestions, thank you =) http//deercreekafh.com/best-editing-services-cheap-essay-writing-services/ https//firefrost.com.ua/enjoy-these-online-games-now-help-me-do-my-essay/ http//yeni.bilgilidenetim.com/dissertation-techniques-best-uk-essay-writing.html http//www.songtang.net/i-need-help-with-an-essay/2170.html http//jorange.com.ua/blog/online-coursework-assist-uk-help-with-essay-papers/ http//dev.ontarioshighlands.ca/uncategorized/mba-essay-assessment-help-writing/ http//firston.co.kr/?p=1979 http//caricature-japan.com/purchase-professional-help-essays-secure/ http//www.impeccableservice.co.uk/academic-paper-writing-service/creating-employability-abilities-need-essay-help/ http//www.vwsafaris.com/2017/12/30/the-mess-that-is-microsoft-total-area-professional/

全站链接: 
收录查询
分享按钮