Commit d4858540 authored by mahui's avatar mahui

ss

parent 160ddfc9
# jianchayuan
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
\ No newline at end of file
/* --------------------------------
Primary style
-------------------------------- */
*,
*::after,
*::before {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
font-family: "Jaldi", sans-serif;
color: #ffffff;
/* background-color: #a0f6aa; */
/* -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; */
}
a {
color: #a0f6aa;
text-decoration: none;
}
h1 {
text-align: center;
width: 90%;
margin: 2em auto 0;
font-size: 2.4rem;
color: #507b55;
font-weight: bold;
}
@media only screen and (min-width: 600px) {
h1 {
font-size: 3.2rem;
}
}
input {
font-family: "Jaldi", sans-serif;
font-size: 1.6rem;
}
/* --------------------------------
Main Components
-------------------------------- */
.cd-accordion-menu {
max-width: 600px;
background: rgb(52, 52, 52)
/* margin: 4em auto; */
/* box-shadow: 0 4px 40px #70ac76; */
}
.cd-accordion-menu ul {
/* by default hide all sub menus */
display: none;
}
.cd-accordion-menu li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cd-accordion-menu input[type=radio] {
/* hide native checkbox */
position: absolute;
opacity: 0;
}
.cd-accordion-menu label,
.cd-accordion-menu a {
position: relative;
display: block;
padding: 18px 18px 18px 64px;
background: rgb(52, 52, 52);
box-shadow: inset 0 -1px #555960;
color: #ffffff;
font-size: 1.6rem;
}
.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover {
background: #52565d;
}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after {
/* icons */
content: '';
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-accordion-menu label {
cursor: pointer;
}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after {
background-image: url(../img/cd-icons.svg);
background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
/* arrow icon */
left: 18px;
background-position: 0 0;
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
/* folder icons */
left: 41px;
background-position: -16px 0;
}
.cd-accordion-menu a::after {
/* image icon */
left: 36px;
background: url(../img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=radio]:checked+label::before {
/* rotate arrow */
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-accordion-menu input[type=radio]:checked+label::after {
/* show open folder icon if item is checked */
background-position: -32px 0;
}
.cd-accordion-menu input[type=radio]:checked+label+ul,
.cd-accordion-menu input[type=radio]:checked+label:nth-of-type(n)+ul {
/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors
show children when item is checked */
display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
background: #35383d;
box-shadow: inset 0 -1px #41444a;
padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
background: #3c3f45;
}
.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li>ul>li:last-of-type label,
.cd-accordion-menu>li>ul>li:last-of-type a {
box-shadow: none;
}
.cd-accordion-menu ul label::before {
left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
left: 95px;
}
@media only screen and (min-width: 600px) {
.cd-accordion-menu label,
.cd-accordion-menu a {
padding: 24px 24px 24px 82px;
font-size: 1.9rem;
}
.cd-accordion-menu label::before {
left: 24px;
}
.cd-accordion-menu label::after {
left: 53px;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
padding-left: 106px;
}
.cd-accordion-menu ul label::before {
left: 48px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
left: 77px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
padding-left: 130px;
}
.cd-accordion-menu ul ul label::before {
left: 72px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
left: 101px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
padding-left: 154px;
}
.cd-accordion-menu ul ul ul label::before {
left: 96px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
left: 125px;
}
}
.cd-accordion-menu.animated label::before {
/* this class is used if you're using jquery to animate the accordion */
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
\ No newline at end of file
@charset "utf-8";
*
{
margin:0;
padding:0;
}
html
{
width:100%;
height:100%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
-webkit-text-size-adjust:none;
background:#FFFFFF;
}
body
{
padding:5px;
}
select
{
height:20px;
line-height:20px;
}
.left
{
float:left;
}
.freeze
{
position:absolute;
text-align:center;
background:#343434;
color:#FFFFFF;
font-size:26px;
font-weight:bold;
filter:alpha(opacity=60);
opacity:0.6;
}
.vtop
{
vertical-align:middle;
margin-top:-1px;
}
/*插件*/
.plugin
{
width:500px;
height:300px;
}
fieldset
{
display:block;
}
/*本地配置*/
.localconfig
{
width:480px;
padding:10px;
border:1px solid #7F9DB9;
}
.localconfig .tt
{
width:125px;
}
.localconfig .txt
{
width:310px;
}
.localconfig .btn
{
width:45px;
height:22px;
line-height:18px;
}
.localconfig .sel
{
width:120px;
}
/*登录*/
.login
{
width:480px;
padding:10px;
border:1px solid #7F9DB9;
}
.login .tt
{
width:100px;
}
.login .txt
{
width:130px;
}
.login .btn
{
width:45px;
height:22px;
line-height:18px;
}
.login .btn2
{
width:100px;
height:22px;
line-height:18px;
}
.login .sel
{
width:130px;
}
.login .sel2
{
width:65px;
}
/*数字通道*/
.ipchannel
{
width:480px;
padding:10px;
border:1px solid #7F9DB9;
}
.ipchannel .btn
{
width:130px;
height:22px;
line-height:18px;
}
.ipchannel .digitaltdiv
{
height:100px;
overflow:hidden;
overflow-y:auto;
border:1px solid #7F9DB9;
font-size:11px;
}
.ipchannel .digitalchannellist th, .ipchannel .digitalchannellist td
{
padding:2px;
border:1px solid #7F9DB9;
border-collapse:collapse;
white-space:nowrap;
}
/*预览*/
.preview
{
width:450px;
padding:10px;
padding-top:0;
margin-left:10px;
border:1px solid #7F9DB9;
}
.preview .tt
{
width:60px;
}
.preview .txt
{
width:30px;
}
.preview .btn
{
width:70px;
height:22px;
line-height:18px;
}
.preview .btn2
{
width:90px;
height:22px;
line-height:18px;
}
.preview .sel
{
width:105px;
}
/*云台*/
.ptz
{
width:450px;
padding:10px;
margin-left:10px;
border:1px solid #7F9DB9;
}
.ptz .tt
{
width:60px;
}
.ptz .txt
{
width:60px;
}
.ptz .btn
{
width:45px;
height:22px;
line-height:18px;
}
.ptz .btn2
{
width:60px;
height:22px;
line-height:18px;
}
.ptz .sel
{
width:65px;
}
/*视频参数*/
.videoparam
{
width:450px;
padding:10px;
margin-left:10px;
border:1px solid #7F9DB9;
}
.videoparam .tt
{
width:60px;
}
.videoparam .txt
{
width:60px;
}
.videoparam .btn
{
width:45px;
height:22px;
line-height:18px;
}
.videoparam .sel
{
width:65px;
}
/*回放*/
.playback
{
width:450px;
padding:10px;
margin-left:10px;
border:1px solid #7F9DB9;
}
.playback .tt
{
width:60px;
}
.playback .txt
{
width:140px;
}
.playback .btn
{
width:45px;
height:22px;
line-height:18px;
}
.playback .btn2
{
width:70px;
height:22px;
line-height:18px;
}
.playback .sel
{
width:65px;
}
.playback .searchdiv
{
height:100px;
overflow:hidden;
overflow-y:auto;
border:1px solid #7F9DB9;
font-size:11px;
}
.playback .searchlist th, .playback .searchlist td
{
padding:2px;
border:1px solid #7F9DB9;
border-collapse:collapse;
white-space:nowrap;
}
/*系统维护*/
.maintain
{
width:450px;
padding:10px;
margin-left:10px;
border:1px solid #7F9DB9;
}
.maintain .tt
{
width:60px;
}
.maintain .txt
{
width:280px;
}
.maintain .btn
{
width:45px;
height:22px;
line-height:18px;
}
.maintain .btn2
{
width:100px;
height:22px;
line-height:18px;
}
.maintain .sel
{
width:65px;
}
/*操作信息*/
.operate
{
width:450px;
padding:10px;
margin-left:10px;
border:1px solid #7F9DB9;
}
.operate .opinfo
{
height:150px;
border:1px solid #7F9DB9;
overflow:auto;
}
/*事件回调*/
.callback
{
width:450px;
padding:10px;
margin-left:10px;
border:1px solid #7F9DB9;
}
.callback .cbinfo
{
height:114px;
border:1px solid #7F9DB9;
overflow:auto;
}
/*IP解析*/
.ipparse
{
width:480px;
padding:10px;
border:1px solid #7F9DB9;
}
.ipparse .tt
{
width:100px;
}
.ipparse .txt
{
width:130px;
}
.ipparse .btn
{
width:90px;
height:22px;
line-height:18px;
}
.ipparse .sel
{
width:130px;
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<ckplayer>
<style>
<pr_zip>{font color='#FFFFFF' face='NSimSun'}已加载[$prtage]%{/font}</pr_zip>
<!--
加载皮肤包进度提示的文字,[$prtage]会被替换成加载百分比
-->
<pr_load>{font color='#FFFFFF' face='NSimSun'}已加载[$prtage]%{/font}</pr_load>
<!--
当调用多段视频时,并且没有配置好各段视频的时间和字节数的情况下,播放器需要先读取各段视频的元数据进行计算,此时需要显示一个加载进度告诉用户已计算的情况。
-->
<pr_noload>{font color='#FFFFFF' face='NSimSun'}加载失败{/font}</pr_noload>
<!--
加载视频失败时显示的内容
-->
<pr_buffer>{font color='#FFFFFF' face='Arial'}[$buffer]%{/font}</pr_buffer>
<!--
视频缓冲时显示的提示,[$buffer]会被替换成缓冲的百分比数字部份
-->
<pr_play>{font color='#FFFFFF' face='NSimSun'}点击播放{/font}</pr_play>
<!--
鼠标经过播放按钮时的提示,支持html
-->
<pr_pause>{font color='#FFFFFF' face='NSimSun'}点击暂停{/font}</pr_pause>
<!--
鼠标经过暂停按钮时的提示,支持html
-->
<pr_mute>{font color='#FFFFFF' face='NSimSun'}点击静音{/font}</pr_mute>
<!--
鼠标经过静音按钮时的提示,支持html
-->
<pr_nomute>{font color='#FFFFFF' face='NSimSun'}取消静音{/font}</pr_nomute>
<!--
鼠标经过取消静音按钮时的提示,支持html
-->
<pr_full>{font color='#FFFFFF' face='NSimSun'}点击全屏{/font}</pr_full>
<!--
鼠标经过全屏按钮时的提示,支持html
-->
<pr_nofull>{font color='#FFFFFF' face='NSimSun'}退出全屏{/font}</pr_nofull>
<!--
鼠标经过退出全屏按钮时的提示,支持html
-->
<pr_fastf>{font color='#FFFFFF' face='NSimSun'}快进{/font}</pr_fastf>
<!--
鼠标经过快进按钮时的提示,支持html
-->
<pr_fastr>{font color='#FFFFFF' face='NSimSun'}快退{/font}</pr_fastr>
<!--
鼠标经过快退按钮时的提示,支持html
-->
<pr_time>{font color='#FFFFFF' face='Arial'}[$Time]{/font}</pr_time>
<!--
鼠标经过进度栏时提示当前点上时间的,[$Time]会被替换成时间,支持html
-->
<pr_volume>{font color='#FFFFFF' face='NSimSun'}音量[$Volume]%{/font}</pr_volume>
<!--
鼠标经过音量调节框或调整音量时提示,[$Volume]会自动替换音量值(0-100)
-->
<pr_clockwait>{font color='#FFFFFF' face='Arial'}00:00 | 00:00{/font}</pr_clockwait>
<!--
在默认不加载视频,即m=1的时候,同时并没有设置视频的时间和字节,即o和w值的时候,pr_clock和pr_clock2里的所有内容被替换成这里设置的值
-->
<pr_live>{font color='#FFFFFF' face='NSimSun'}视频直播中{/font}</pr_live>
<!--
在直播的情况下显示的文字
-->
<pr_adv>{font color='#FFFFFF' size='12'}广告剩余:{font color='#FF0000' size='15'}{b}[$Second]{/b}{/font} 秒{/font}</pr_adv>
<!--
广告倒计时显示的内容,[$Second]将会显示倒计时的秒数
-->
</style>
</ckplayer>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<ckplayer>
<title>{font color="#FFDD00" face="新宋体"}精彩视频推荐{/font}</title>
<!--左上角的标题说明文字,支持html-->
<area>600,400,0xFFDD00,20</area>
<!--
该插件在播放中的区域控制
固定尺寸,精彩视频区域会固定大小并且保持剧中
1:宽
2:高
3:边框色
4:边框透明度
-->
<image>120,90</image>
<!--图片的宽,高-->
<distance>150,175,100</distance>
<!--
1:横排图片之间的距离,前一个图片的左边到后一个图片的左边的距离
2:竖排图片之间距离,上一个图片的上边到下一个图片的上边距离,这里需要特别注意,因为图片显示区域是总区域-40的高度,默认的即<area>的高400-40=360,所以比如你的图片想一列显示二个,则该参数需要设置成360/2=180
3:文字距离图片上方的距离
只要设置好这三个参数,图片的位置就可以固定住了
-->
<rep_title>{a href="[url]" target="_blank"}{font color="#FFFFFF" face="新宋体"}[title]{/font}{/a}</rep_title>
<!--标题替换规则-->
<style>a{color:#FFFFFF;}a:hover{color:#FF0000;}</style>
<!--文本样式-->
<size>120,42,3</size>
<!--文本的宽度,高度,行和行之间距离-->
<relatedlist>
<related>
<img>temp/1.jpg</img>
<url>http://www.ckplayer.com/index.php?id=1</url>
<title>1:这里调用的文件配置在ckplayer/related.xml里</title>
</related>
<related>
<img>temp/2.jpg</img>
<url>http://www.ckplayer.com/index.php?id=2</url>
<title>2:支持多页调用</title>
</related>
<related>
<img>temp/3.jpg</img>
<url>http://www.ckplayer.com/index.php?id=3</url>
<title>3:文本请保持在二行,不能多于三行,多于三行将不显示</title>
</related>
<related>
<img>temp/4.jpg</img>
<url>http://www.ckplayer.com/index.php?id=3</url>
<title>4:支持多行调用,多页调用</title>
</related>
<related>
<img>temp/5.jpg</img>
<url>http://www.ckplayer.com/index.php?id=2</url>
<title>5:感谢对ckplayer的支持</title>
</related>
<related>
<img>temp/6.jpg</img>
<url>http://www.ckplayer.com/index.php?id=1</url>
<title>6:最多两行,请不要超过二行</title>
</related>
<related>
<img>temp/3.jpg</img>
<url>http://www.ckplayer.com/index.php?id=1</url>
<title>7:这里调用的文件配置在ckplayer/related.xml里</title>
</related>
<related>
<img>temp/5.jpg</img>
<url>http://www.ckplayer.com/index.php?id=2</url>
<title>8:支持多页调用</title>
</related>
<related>
<img>temp/4.jpg</img>
<url>http://www.ckplayer.com/index.php?id=3</url>
<title>9:文本请保持在二行,不能多于三行,多于三行将不显示</title>
</related>
<related>
<img>temp/1.jpg</img>
<url>http://www.ckplayer.com/index.php?id=3</url>
<title>10:支持多行调用,多页调用</title>
</related>
<related>
<img>temp/2.jpg</img>
<url>http://www.ckplayer.com/index.php?id=2</url>
<title>11:感谢对ckplayer的支持</title>
</related>
<related>
<img>temp/6.jpg</img>
<url>http://www.ckplayer.com/index.php?id=1</url>
<title>12:最多两行,请不要超过二行</title>
</related>
<related>
<img>temp/5.jpg</img>
<url>http://www.ckplayer.com/index.php?id=1</url>
<title>13:这里调用的文件配置在ckplayer/related.xml里</title>
</related>
<related>
<img>temp/4.jpg</img>
<url>http://www.ckplayer.com/index.php?id=2</url>
<title>14:支持多页调用</title>
</related>
<related>
<img>temp/6.jpg</img>
<url>http://www.ckplayer.com/index.php?id=3</url>
<title>15:文本请保持在二行,不能多于三行,多于三行将不显示</title>
</related>
<related>
<img>temp/3.jpg</img>
<url>http://www.ckplayer.com/index.php?id=3</url>
<title>16:支持多行调用,多页调用</title>
</related>
<related>
<img>temp/1.jpg</img>
<url>http://www.ckplayer.com/index.php?id=2</url>
<title>17:感谢对ckplayer的支持</title>
</related>
<related>
<img>temp/2.jpg</img>
<url>http://www.ckplayer.com/index.php?id=1</url>
<title>18:最多两行,请不要超过二行</title>
</related>
</relatedlist>
</ckplayer>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<ckplayer>
<share_html>
{embed src="贵站网址,在ckplayer/share.xml里修改/ckplayer/ckplayer.swf" flashvars="[$share]" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullscreen="true" type="application/x-shockwave-flash"}{/embed}
</share_html>
<share_flash>
贵站网址/ckplayer/ckplayer.swf?[$share]
</share_flash>
<share_flashvars>
f,my_url,my_pic,a
</share_flashvars>
<share_path>ckplayer/share/</share_path><!--分享图片的文件夹地址-->
<share_replace>
</share_replace>
<share_permit>0</share_permit><!--是否有视听许可证,默认0没有,1是有-->
<share_uuid>
c25cf02c-1705-412d-bd4b-77a10b380f08
</share_uuid>
<share_button>
<share>
<id>qqmb</id>
<img>qq.png</img>
<coordinate>20,50</coordinate>
</share>
<share>
<id>sinaminiblog</id>
<img>sina.png</img>
<coordinate>101,50</coordinate>
</share>
<share>
<id>qzone</id>
<img>qzone.png</img>
<coordinate>182,50</coordinate>
</share>
<share>
<id>renren</id>
<img>rr.png</img>
<coordinate>263,50</coordinate>
</share>
<share>
<id>kaixin001</id>
<img>kaixin001.png</img>
<coordinate>20,85</coordinate>
</share>
<share>
<id>tianya</id>
<img>tianya.png</img>
<coordinate>101,85</coordinate>
</share>
<share>
<id>feixin</id>
<img>feixin.png</img>
<coordinate>182,85</coordinate>
</share>
<share>
<id>msn</id>
<img>msn.png</img>
<coordinate>263,85</coordinate>
</share>
</share_button>
</ckplayer>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<cross-domain-policy>
<allow-access-from domain="*"/>
</cross-domain-policy>
\ No newline at end of file
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ckplayer 只调用flash播放器</title>
</head>
<body>
<div id="a1"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
var flashvars={
f:'m3u8.swf',
a:'http://vshare.ys7.com/hcnp/554438733_1_2_4_0_cas.ys7.com_6500.m3u8?554438733_728af9e9d078422c9d95e641b0014c11_1_8fac2d2fff714b23',
c:0,
s:4,
lv:1//注意,如果是直播,需设置lv:1
}
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
function closelights(){//关灯
//alert(' 本演示不支持开关灯');
}
function openlights(){//开灯
//alert(' 本演示不支持开关灯');
}
</script>
</body>
</html>
/*
该文件是从网上收集的方法,用来做开关灯的,相对于原来的程序做了一些改变,兼容了IE10
*/
var Offlights = {
create: function() {
return function() {
this.initialize.apply(this, arguments)
}
}
}
var OverLay = Offlights.create();
OverLay.prototype = {
initialize: function(options) {
this.SetOptions(options);
this.browser = (function(ua){
var a=new Object();
var b = {
msie: /msie/.test(ua) && !/opera/.test(ua),
opera: /opera/.test(ua),
safari: /webkit/.test(ua) && !/chrome/.test(ua),
firefox: /firefox/.test(ua),
chrome: /chrome/.test(ua)
};
var vMark = "";
for (var i in b) {
if (b[i]) { vMark = "safari" == i ? "version" : i; break; }
}
b.version = vMark && RegExp("(?:" + vMark + ")[\\/: ]([\\d.]+)").test(ua) ? RegExp.$1 : "0";
b.ie = b.msie;
b.ie6 = b.msie && parseInt(b.version, 10) == 6;
b.ie7 = b.msie && parseInt(b.version, 10) == 7;
b.ie8 = b.msie && parseInt(b.version, 10) == 8;
a.B=vMark;
a.V=b.version;
return a;
})(window.navigator.userAgent.toLowerCase());
this.isIE = this.browser['B']=='msie' ? true : false;
this.isIE6 = (this.isIE && this.browser['V']==6)?true:false;
this._K_ = function(id) {return "string" == typeof id ? document.getElementById(id) : id};
this.Lay = this._K_(this.options.Lay) || document.body.insertBefore(document.createElement("div"), document.body.childNodes[0]);
this.Color = this.options.Color;
this.Opacity = parseInt(this.options.Opacity);
this.zIndex = parseInt(this.options.zIndex);
with(this.Lay.style) {
display = "none";
zIndex = this.zIndex;
left = top = 0;
position = "fixed";
width = height = "100%"
}
if (this.isIE6) {
this.Lay.style.position = "absolute";
this._resize = this.Bind(this,
function() {
this.Lay.style.width = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px";
this.Lay.style.height = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"
});
this.Lay.innerHTML = ''
}
},
Bind:function(object, fun) {
return function() {
return fun.apply(object, arguments)
}
},
Extend :function(destination, source) {
for (var property in source) {
destination[property] = source[property]
}
},
SetOptions: function(options) {
this.options = {
Lay: null,
Color: "#000",
Opacity: 100,
zIndex: 50
};
this.Extend(this.options, options || {})
},
Show: function() {
if (this.isIE6) {
this._resize();
window.attachEvent("onresize", this._resize)
}
with(this.Lay.style) {
this.isIE ? filter = "alpha(opacity:" + this.Opacity + ")": opacity = this.Opacity / 100;
backgroundColor = this.Color;
display = "block"
}
},
Close: function() {
this.Lay.style.display = "none";
if (this.isIE6) {
window.detachEvent("onresize", this._resize)
}
}
};
var LightBox = Offlights.create();
LightBox.prototype = {
initialize: function(options) {
this.OverLay = new OverLay(options);
},
Show: function(options) {
this.OverLay.Show();
},
Close: function() {
this.OverLay.Close();
}
};
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment