引入css
<引入圖示(shade遮罩層用)link
rel="stylesheet"
type
="text/css"
href
="$/styles/oms/yjdlbb/widthsplit.css"
>
<
link
rel="stylesheet"
type
="text/css"
href
="$/styles/oms/yjdlbb/shade.css"
>
<
link
rel="stylesheet"
type
="text/css"
href
="$/styles/oms/yjdlbb/mytable.css"
>
<
link
rel="stylesheet"
type
="text/css"
href
="$/styles/oms/yjdlbb/personality.css"
>
<引入jslink
rel="stylesheet"
type
="text/css"
href
="$/styles/common/css/font-awesome/font-awesome.min.css"
>
link
>
.widthsplit1 .widthsplit2 .widthsplit3 .widthsplit4 .widthsplit5 .widthsplit6 .widthsplit7 .widthsplit8 .widthsplit9 .widthsplit10widthsplit.css
.shademain .shade.shade>spanshade.css
.mytable .mytabletitle .mytable tr td .table-border table,tr,td,th .mytablenolinemytable.css
/*personality.css每個模組獨有樣式personality.css
*/#tht #title #leftbottomtab td #righttab tr:nth-child(even) #righttab tr:nth-child(odd) #righttab tr:hover .headrow .table-border .title-color .title-bgn-color .input-border .header-bgn-color .title-color
only設定
//readonly每個引用readonly樣式的控制項或元素都將隱藏
$(function
() );
});
引用樣例
<遮罩層html**可放於頁面任意位置table
id="mytable"
class
="mytable"
>
<
tbody
>
<
tr>
<
td colspan
="8"
class
="header-bgn-color widthsplit1 mytabletitle"
>每日需求內容
td>
tr>
<效果圖div
class
="shademain"
>
<
div
class
="shade"
>
<
i class
="fa fa-2x fa-spinner fa-spin"
>
i>
<
span
>正在查詢,請稍候...
span
>
div>
div>
個人 css 常用樣式
頁面總體3個部分,topbar 70px sidebar 選單欄,高度始終撐滿頁面 右側主題內容區域 高度不定 一般我們會通過js去計算出頁面的高度然後減去topbar的高度70px,然後再給sidebar加個計算後的高度。這裡可以直接利用css3 函式calc 計算高度 sidebar butto...
css之常用樣式及display樣式
常用樣式 一 背景 背景可以為純色,也可以通過以下屬性的修飾變得絢麗多彩 1.設定背景色 background color 3.設定背景是否重複 background repeat,其值有四個 a.repeat 背景圖重複,即平鋪 預設值 b.repeat x 橫向平鋪 c.repeat y 縱向平...
jQuery表單常用操作收藏
取下拉列表選中項的文字 獲取和設定下拉列表的值 清空下拉列表 給下列選單新增元素 取單選框值 單選或複選按鈕的選擇 取核取方塊值 判斷單選或核取方塊是否被選中 元素可用不可用 判斷元素可用不可用。1.取下拉列表選中項的文字 view plaincopy to clipboardprint?selec...