人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

對于打印頁面的一些經驗。。。。。斑竹看了好的話應該收入精華區

對于打印頁面的一些經驗。。。。。斑竹看了好的話應該收入精華區

更新時間:2022-07-04 文章作者:未知 信息來源:網絡 閱讀次數:

大家經常遇到再ie中打印表格時需要隱藏一些不需要打印的對象,比如說按鈕,輸入框,或者希望莫個表格顯示的時候表格線是由顏色的,而打印的時候只需要有粗細之分,其實在css中可以設定在打印或者顯示的不同樣式,最近作了一個應用(實屬逼上梁山),可以得到以上效果,下面是我的樣式表。。。。
<style type="text/css" media=print>主要是media選項對照下面的那一個style一起看
.noprint{visibility:hidden}
span.double {BORDER-BOTTOM-STYLE: double; BORDER-LEFT-STYLE: double;
BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; COLOR: mediumblue;
CURSOR: hand; FONT-SIZE: 12pt; HEIGHT: 22px; LEFT: 314px; TEXT-ALIGN: center;
WIDTH: 96px}
select.sb{Z-INDEX: 121; LEFT:0px;WIDTH: 90px; POSITION: absolute;
HEIGHT: 170px}
span.tab{LEFT:40px;WIDTH: 900px; POSITION: relative; TOP: 0px; HEIGHT: 225px}
table{BORDER-RIGHT: black medium inset; BORDER-TOP: black medium inset; BORDER-LEFT: black medium inset; WIDTH: 900px; BORDER-BOTTOM: black medium inset; HEIGHT: 31px;POSITION: absolute}
tr.col0{BORDER-RIGHT: thick inset; BORDER-TOP: thick inset; FONT-WEIGHT: bold; FONT-SIZE: 15px; BORDER-LEFT: thick inset; BORDER-BOTTOM: 10px ; FONT-FAMILY: 宋體; BACKGROUND-COLOR: blue; TEXT-ALIGN: center}
tr.tr1{}
td.td0{WIDTH: 120px; TEXT-ALIGN: center;height:30px;}
td.td1{WIDTH: 330px; TEXT-ALIGN: right}
td.td2{WIDTH: 70px;TEXT-ALIGN: right}
td.td3{WIDTH: 330px;TEXT-ALIGN: right}
</style>

<style media=screen>主要是media選項對照上面的那一個style一起看
span.double {BORDER-BOTTOM-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; COLOR: mediumblue;
CURSOR: hand; FONT-SIZE: 12pt; HEIGHT: 22px; LEFT: 314px; TEXT-ALIGN: center;
WIDTH: 96px}
select.sb{Z-INDEX: 121; LEFT:0px;WIDTH: 90px; POSITION: absolute;
HEIGHT: 170px}
span.tab{LEFT:154px;WIDTH: 900px; POSITION: relative; TOP: 30px; HEIGHT: 225px}
table{BORDER-RIGHT: blue groove; BORDER-TOP: blue groove; BORDER-LEFT: blue groove; WIDTH: 900px; BORDER-BOTTOM: blue groove; POSITION: absolute}
tr.col0{BORDER-RIGHT: red thick inset; BORDER-TOP: red thick inset; FONT-WEIGHT: bold; FONT-SIZE: 15px; BORDER-LEFT: red thick inset; COLOR: white; BORDER-BOTTOM: yellow 10px solid; FONT-FAMILY: 宋體; BACKGROUND-COLOR: blue; TEXT-ALIGN: center}
tr.tr1{BORDER-BOTTOM: fuchsia inset}
td.td0{WIDTH: 120px; BORDER-LEFT-STYLE: none; TEXT-ALIGN: center;BORDER-BOTTOM-STYLE: none}
td.td1{WIDTH: 330px;BORDER-LEFT: blue thin solid; TEXT-ALIGN: right}
td.td2{WIDTH: 70px;BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; TEXT-ALIGN: right; BORDER-BOTTOM-STYLE: inset}
td.td3{WIDTH: 330px;BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; TEXT-ALIGN: right; BORDER-BOTTOM-STYLE: inset}
td.td5{TEXT-ALIGN: right}
</style>
大家仔細看一下其實只要建立2個style而么個style指向不同的設備,但是在style中使用相同的id,這樣再在需要打印和顯示是需要不同的樣式的對象中引用同一個id號(比如說<td class=td3>。。。。。。</td>)但是有一個重要問題時仔細看我在打印是設定不打印是通過設定“visibility:hidden”來實現的,但是我在實際應用中發現如果在腳本代碼中使用了“obj.style.visibility=visible”也就是對莫個對象的visibility進行了操作這時候咋打印的時候也會顯示出來,也就是說腳本代碼的操作對不同的設備同時有效(但是我想應該有辦法對某一個設備準向指定的但是找了半天沒發現,也可能是css還沒有完善)我最后通過了另一個style屬性display了實現了,也就是說在腳本代碼中用obj.style.diaplay="block"或者"none"來實現對象的顯示這樣就不影響打印功能的實現了。
但是總的來說ie的打印還是不完善比如說無法實現分頁大量的打印數據,但是在visual .net中我發現微軟加入了crystal的報表功能我估計應該可以實現了,但是還沒有應用過,以后有機會在向大家匯報。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

網站地圖xml | 網站地圖html
主站蜘蛛池模板: 沈阳市| 高陵县| 高清| 北辰区| 雷山县| 桃园市| 台北市| 兴仁县| 漳平市| 鹿泉市| 师宗县| 翁牛特旗| 新竹县| 沁水县| 喜德县| 二连浩特市| 鲁甸县| 高邑县| 大洼县| 开平市| 岚皋县| 穆棱市| 自贡市| 皮山县| 漾濞| 永年县| 公主岭市| 长葛市| 沂源县| 莱州市| 拜泉县| 乌拉特中旗| 饶平县| 增城市| 腾冲县| 无为县| 山阴县| 抚州市| 邯郸县| 沂南县| 五台县|