在表格中加入斜線(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()
Cognos11中Dashboard和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