1. 程式人生 > >在表格中加入斜線(html頁面設計)

在表格中加入斜線(html頁面設計)

<!--<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">   -->

<HTML>
<HEAD>
<TITLE> <table>單元格中劃斜線 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<script Language="javascript">
function a(x,y,color)
{document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top: "+(y+20)+";background-color: "+color+"' src='px.gif' width=1 height=1>")}
</script>

<body leftmargin=20 topmargin=20>
<TABLE border=0 bgcolor="00aaaa" cellspacing="1" width=100%>
<TR bgcolor="FFFFFF">
<TH id="td1" height='40'>
<div id="canvas" style="position:absolute;top:20;left:40">
   <table border=0 width=100%><tr><th valign='middle' align='right' style='background:transparent'>分類</th></tr><tr><th valign='middle' align='left' style='background:transparent'>專案</th></tr>
   </table>
</div>
</TH>
<TH>張三</TH>
<TH>李四</TH>
<TH>王五</TH>
</TR>
<TR bgcolor="FFFFFF">
<TD>數學</TD>
<TD>55</TD>
<TD>66</TD>
<TD>77</TD>
</TR>
<TR bgcolor="FFFFFF">
<TD>英語</TD>
<TD>99</TD>
<TD>68</TD>
<TD>71</TD>
</TR>
<TR bgcolor="FFFFFF">
<TD>語文</TD>
<TD>33</TD>
<TD>44</TD>
<TD>55</TD>
</TR>
</TABLE>
<script>
function line(x1,y1,x2,y2,color)
{
var tmp
if(x1>=x2)
{
tmp=x1;
x1=x2;
x2=tmp;
tmp=y1;
y1=y2;
y2=tmp;
}
for(var i=x1;i<=x2;i++)
{
x = i;
y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
a(x,y,color);
}
}
//line(1,1,100,100,"#00AAAA");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#00AAAA')
</script>
</BODY>
</HTML>

相關推薦

表格加入斜線(html頁面設計)

<!--<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">   --> <HTML><HEAD><TITLE> <

C# MVC掛接HTML頁面

deb mvc geb .org 點擊 its sem web partial 需求:word另存為html getResult.html,掛接在c# .net mvc 框架 中,點擊超鏈接在系統中展現html頁面 方法: 1、在Web.config 中添加如下代碼 &l

layui給table表格加入資料渲染表格

//id為 tableIns的表格 資料為rows tableIns.reload({ data: });   或者   table.reload('tableIns', { data : rows }); layui.form.render()

Cognos11Dashboard和HTML頁面的簡單整合

一、需求 之前很多第三方的程式都是通脫URL的形式可以和cognos Report進行整合,在我前幾天的博文《Cognos11中通過URL訪問report的設定》一篇中也提到了普通report通過URL 的訪問方式,那麼如果是dashboard的話需要如何的和HTML進行整合

Android studio 與本地 html 頁面互動

  在Android studio的工程裡的main目錄下建立一個 assets目錄與res同級如下圖:在assets目下考入寫好的html頁面,webview通過“file:///android_assets/xxxx.html”載入此檔案。_webView.loadUrl

Qt在表格加入控制元件

任務:使用 QTableWidget 動態生成表格,在每行的某兩列中加入 QComboBox 下拉框控制元件和 QPushButton 按鈕控制元件 有新增,刪除,編輯功能,每行的按鈕可以瀏覽資料夾並選擇檔案   1、新建一個對話方塊QDialog,設計介面中選擇It

layui tab控制元件載入外部html頁面

目前,潛入外部網頁的方式,主要有3種: iframe方式 <div><iframe src="xxx.jsp"></iframe> ajax方式 &l

HTML頁面設計)各容器之間的空隙問題!

             今天設計個網頁,在div裡面放了個table,在div和talbe之間沒有任何東西的情況下(cellspacing和cellpadding都為零),table怎麼也不能貼住div。鬱悶了半天,最後用IE Developer 把div的程式碼分割出來,

html表格添加斜線

height tom font -s 容器 diagonal diag dia -c 用div+css模擬表格對角線 類別 姓名 年級班級成績班級均分 張三 三 2 62 61 李四 三 1 48 67 王

HTML頁面加入背景音樂(簡)

第一種:<bgsound>標籤(只適用於IE瀏覽器) 在<head> </head> 裡面加入<bgsound src="音樂url" loop="-1"> loop=-1意思是設定為自動播放; 第二種:<audio>標籤(適合

php 如何將資料庫的資料以表格的形式列印到html頁面

需要兩個頁面:顯示錶格的html頁面index.html(頁面內包含js),進行後臺處理的php頁面index.phphtml頁面部分:<!doctype html><html><head><meta charset="utf-8"><title>表

php 如何將數據庫的數據以表格的形式打印到html頁面

dex doc 什麽 base lec oot async 初始化 all 需要兩個頁面:顯示表格的html頁面index.html(頁面內包含js),進行後臺處理的php頁面index.phphtml頁面部分:<!doctype html><html&g

html頁面用ajax的簡單應用通過javascript得到資料庫的圖片路徑並在表格顯示出來

<%@ Language=VBScript %><!-- #INCLUDE FILE="connectdb.asp"--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.or

HTML頁面表格匯出為EXCEL檔案

1、js檔案準備 jquery.table2excel.js 2、頁面中引入js外掛 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.tab

html頁面拍照和上傳照片那些事兒(二)

read itl 加載完成 大小 上傳照片 那些事 cnblogs 設置 新建 本文為原創,轉載請註明出處: cnzt 文章:cnzt-p http://www.cnblogs.com/zt-blog/p/6895352.html 本文主要說下iOS上

js創建html標簽、加入select下默認的option的value和text、刪除select元素節點下全部的OPTION節點

bsp art 利用 scrip -m script space multipl ng- <pre name="code" class="java"> jsp 中的下拉框標簽: <s:select na

HTML表格添加echarts圖表

charts tab char echarts 圖表 inline body .get dom 在HTML的table中,只要將需要插入echarts圖表的格子設定為明確的寬高(不能為百分比),並賦予一個id,就可以插入echarts圖表。

如何在sublime text快速運行瀏覽web/html頁面

tool ide efault bin album googl sublime 菜單欄 ont 安裝View In Browser插件 快捷鍵 Ctrl+Shift+P(菜單欄Tools->Command Paletter),輸入 pcip選中Install Pac

HTML頁面固定變量的用法

index.php title 開始 中一 src .com 表示 init bsp <a href="index.php?m=search&c=index&a=init&typeid=&siteid=1&q={$title}

HTML頁面JavaScript能獲取到的各種屏幕大小信息

windows 部分 菜單 div markdown doc rip oct 寬度 在HTML頁面中,通過JavaScript代碼訪問 window 對象,能夠獲取到很多表征屏幕大小的信息,下面列舉並加以區分。 window 對象中的屏幕信息 window.innerhei