JCMS单元设参统一样式规范V20Word文档下载推荐.docx
- 文档编号:20922929
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:24
- 大小:795.97KB
JCMS单元设参统一样式规范V20Word文档下载推荐.docx
《JCMS单元设参统一样式规范V20Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《JCMS单元设参统一样式规范V20Word文档下载推荐.docx(24页珍藏版)》请在冰豆网上搜索。
3.4短标题无缝上下滚动10
4标题链接AJAX分页11
4.1AJAX分页含下划线与日期11
4.2AJAX分页图片新闻11
5当前位置12
5.1当前位置单箭头12
5.2当前位置双箭头12
6图片新闻(自动判断信息无图片信息不显示)12
6.1Flash图片新闻切换12
6.2图片新闻无缝滚动(可以控制方向)13
6.3图片新闻列表(标题控制字数)15
6.4图片新闻右侧显示摘要16
7文章正文17
7.1正文样式(含图片新闻、副标题、日期、作者、来源、浏览次数、字号、打印本页、关闭窗口、评论)17
7.2正文样式(不含图片新闻,含副标题、日期、作者、来源、浏览次数、字号、打印本页、关闭窗口、评论)18
7.3单信息栏目正文样式19
7.4WMV视频播放文章样式(含正文)19
7.5FLV视频播放文章样式(只支持视频链接,不支持上传)22
8多栏目信息23
8.1多信息带栏目名称和日期23
前言
本文描述的样式,为项目实施过程单元设参的“常规和常用样式”,动态单元样式为JCMS2.5以上版本使用(JCMS2.4的样式请参考本规范V1.1文档),并集成到JCMS2.5系统中,个性化样式不在本文描述范围内,如发现本文遗漏某些“常规和常用样式”,请及时反馈。
注意事项
1、本文中的标准样式请配合公司统一的(UTF-8格式)CSS文件使用,否则会出现样式问题。
2、样式中出现的点“·
”,如果黏贴到JCMS系统中有所改变,请重新在中文状态下输入“·
”,保证其最终效果与本文描述一致。
3、每个样式都有“注意事项”,请仔细阅读。
代码中“标注颜色”的部分一般是需要注意修改的参数。
静态单元样式
1常用静态单元
1.1天气预报
表现形式:
注意事项:
常用样式。
显示客户端机器所在城市的天气预报。
请不要每个页面都调用天气预报,一般只有首页显示天气预报。
更多的天气预报样式可以到
iframemarginwidth="
0"
marginheight="
src="
frameborder="
width="
100%"
scrolling="
no"
height="
20"
allowtransparency="
allowtransparency"
>
/iframe>
1.2当前日期及星期样式
主要用于首页当前日期和星期的显示(调用的是客户端时间,即本机的时间)。
scriptlanguage=javascript>
functioninitArray()
{for(i=0;
i<
initArray.arguments.length;
i++)
this[i]=initArray.arguments[i];
}
varisnMonths=newinitArray("
1"
"
2"
3"
4"
5"
6"
7"
8"
9"
10"
11"
12"
);
varisnDays=newinitArray("
星期日"
星期一"
星期二"
星期三"
星期四"
星期五"
星期六"
today=newDate();
hrs=today.getHours();
min=today.getMinutes();
sec=today.getSeconds();
clckh="
"
+((hrs>
12)?
hrs-12:
hrs);
clckm=((min<
10)?
:
)+min;
clcks=((sec<
)+sec;
clck=(hrs>
=12)?
下午"
上午"
;
varstnr="
varns="
0123456789"
vara="
functiongetFullYear(d)
{yr=d.getYear();
if(yr<
1000)yr+=1900;
returnyr;
document.write("
+getFullYear(today)+"
年"
+isnMonths[today.getMonth()]+"
月"
+today.getDate()+"
日"
+isnDays[today.getDay()]+"
/script>
1.3设为首页
主要用于首页的顶部,红色部分为需要修改的网址。
astyle="
cursor:
pointer;
font-size:
12px;
onClick="
varstrHref=window.location.href;
this.style.behavior='
url(#default#homepage)'
this.setHomePage('
'
设为首页<
/a>
1.4加入收藏
主要用于首页的顶部,红色部分为需要修改的网站名称与网址。
ahref="
javascript:
window.external.addFavorite('
'
门户网站'
加入收藏<
动态单元样式
2栏目链接
1
2
2.1
2.1栏目名称(不带链接)
主要用于“单个栏目标识”。
可修改Style样式,或者调用CSS样式,如“bt_link”、“bt_content”,以符合实际的设计稿。
!
--for-->
spanstyle="
color:
#FFFFFF;
font-size:
10.5pt;
font-weight:
bolder;
--columnname-->
/span>
--/for-->
2.2栏目名称(带链接)
可修改Style样式,或者调用CSS样式,如“white”以符合实际的设计稿。
href="
--columnurl-->
class="
white"
2.3更多样式(带链接)
主要用于“单个栏目链接”。
可在“class”里写CSS.CSS样式文件里的样式名,如“bt_link”、“bt_content”、“white”等,以符合实际的设计稿。
更多>
2.4栏目名称带前缀多行多列显示
一般在栏目页使用,显示同级栏目名称,带链接,前缀为黑点,必须是2列以上。
“class样式名规则”同上。
font-family:
宋体;
·
bt_link"
2.5栏目名称带前缀多行一列显示
一般用于首页、栏目页中的子栏目链接列表显示。
可根据实际情况调整“align”,可以居中、居左。
tablecellpadding="
cellspacing="
align="
center"
border="
tr>
tdwidth="
18"
--colunmheader-->
/td>
td>
/tr>
/table>
3标题链接
3
3.1
3.1短标题不含日期
主要用于首页、频道页的栏目文章标题显示,也用于“底层栏目页”的“非当前栏目”文章标题显示。
--subfor-->
ahref='
--articleurl-->
class='
bt_link'
title='
--articletitle-->
target=_blank>
--articletitleshort-->
br>
--/subfor-->
3.2短标题含日期
主要用于首页、频道页的栏目文章标题显示。
如图“工作动态”、“通知通告”。
>
title="
target="
_blank"
55"
[<
--month2-->
-<
--day2-->
]<
3.3短标题含日期下划线
如图“重要会议”、“通知通告”。
<
tdclass="
bt_unline"
•<
3.4短标题无缝上下滚动
不常用样式。
主要用于首页、频道页的公告类标题显示。
“class样式名规则”同上。
divid="
gg"
style="
overflow:
hidden;
height:
100px;
width:
100%;
#ffffff;
gg1"
tablewidth="
cellpadding="
&
nbsp;
/div>
gg2"
scripttype="
text/javascript"
varspeed=60
gg2.innerHTML=gg1.innerHTML
functionMarquee(){
if(gg2.offsetTop-gg.scrollTop<
=0)
gg.scrollTop-=gg1.offsetHeight
else{
gg.scrollTop++
varMyMar=setInterval(Marquee,speed)
gg.onmouseover=function(){clearInterval(MyMar)}
gg.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
4标题链接AJAX分页
4.1AJAX分页含下划线与日期
主要用于通用栏目页的文章标题列表。
tdheight="
30"
bt_content"
80"
--year4-->
divstyle="
border-top:
1pxdashed#cccccc;
height:
1px;
overflow:
4.2AJAX分页图片新闻
主要用于图片新闻栏目页显示。
240"
160"
tdalign="
padding:
2px;
border:
#ccccccsolid1px"
--if-->
--articleimage-->
imgsrc="
--/if-->
5当前位置
4
4.1
5.1当前位置单箭头
要注意字数的控制。
tablecellspacing="
--weburl-->
首页<
5.2当前位置双箭头
6图片新闻(自动判断信息无图片信息不显示)
5
5.1
6.1Flash图片新闻切换
设置为多行1列。
主要用于首页,flash的高度和宽度可调整。
注意标题字数控制。
--checkvalid-->
--/checkvalid-->
var_width=259;
var_height=220;
vartext_height=22;
varflash_height=_height+text_height;
varpic_arr=newArray();
varlink_arr=newArray();
vartext_arr=newArray();
vari=0;
pic_arr[i]="
link_arr[i]="
text_arr[i]="
i++;
varp=pic_arr.join("
|"
varl=link_arr.join("
vart=text_arr.join("
varf="
/jcms/jcms_files/jcms1/web1/site/flash/-1/slideshow.swf"
document.write('
objectID="
focus_flash"
classid="
clsid:
d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="
+_width+'
+flash_height+'
paramname="
allowScriptAccess"
value="
sameDomain"
movie"
+f+'
quality"
high"
bgcolor"
menu"
false"
paramname=wmodevalue="
transparent"
FlashVars"
pics='
+p+'
links='
+l+'
texts='
+t+'
borderwidth='
+_width+'
borderheight='
+_height+'
textheight='
+text_height+'
embedID="
wmode="
opaque"
FlashVars="
menu="
quality="
allowScriptAccess="
type="
application/x-shockwave-flash"
pluginspage="
/>
/object>
6.2图片新闻无缝滚动(可以控制方向)
设置为多行1列(设置为几行就显示几条信息)。
请替换左右箭头图片。
21"
left"
inputtype="
image"
13"
44"
向左"
onclick="
changeRedirect(0)"
demo"
width:
585px;
0pxsolidblue"
demo1"
TABLE>
TR>
TDalign="
border:
#CEC2C2solid1px;
139px;
89px;
pad
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JCMS 单元 统一 样式 规范 V20