<!DOCTYPE html> |
<html> |
<head> |
<meta charset=" utf-8"> |
<meta name="author" content="http://www.jb51.net/" /> |
<link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/base.css" /> |
<link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/public.css"/> |
<script type="text/javascript" src="http://pscript1.4008000000.com/app_js/paui/1.0.1/build/pa.ui.min.js"></script> |
<style> |
.J_opacityBg { |
background: #000; |
opacity: 0.6; |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; |
filter: alpha(opacity=60); |
width: 100%; |
height: 100%; |
position: absolute; |
left: 0; |
top: 0; |
z-index: 999; |
} |
.intro-box-module{width: 760px; height: 568px; margin-left: -380px; margin-top: -284px; position: fixed; left: 50%; top: 50%; z-index: 1000;} |
.intro-box-module .title-close{border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #ff6634; height: 40px; position: relative;} |
.intro-box-module #J_introcloseBtn{width: 18px; height: 18px; background: url("intro_bg_icons.png") 0 -85px no-repeat; position: absolute; top: 11px; right: 16px;} |
.intro-box-module .intro-cont-box{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #b5b5b5; border-top: 0; background-color: #fff; position: relative} |
.intro-box-module .intro-tab{min-height: 60px; line-height: 60px; padding-left: 30px;} |
.intro-box-module .intro-tab a{float: left; display: inline-block; margin-right: 5px; font-family: "宋體"; font-size: 14px;} |
.intro-box-module .intro-tab a:hover{color: #ff6634; text-decoration: none;} |
.intro-box-module .intro-tab a.curr{color:#ff6634; font-weight: bold; } |
.intro-box-module .intro-tab span.txt{} |
.intro-box-module .intro-content{border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; height: 380px; background-color: #f3f3f3; padding-top: 19px; padding-left: 30px;overflow-y: scroll;} |
.intro-box-module .notice-section{width: 308px; height: 75px; background:url("intro_bg_icons.png") 0 0 no-repeat; position: absolute; top: 48px; right: 20px;} |
.intro-box-module .notice-section p{width: 225px; padding: 14px 0 0 24px; line-height: 22px; font-size: 12px; color: #333333;} |
.intro-box-module .notice-section p strong{ color: #ff0000; font-size: 16px;} |
.intro-box-module .intro-content-item{} |
.intro-box-module .intro-content-item h2{border-left: 6px solid #ff6633; height: 23px; line-height: 23px; color: #404040; font-size: 18px; padding-left: 16px;} |
.intro-box-module .show{display: block;} |
.intro-box-module .intro-content-txt{padding-top: 22px; font-family: "宋體"; font-size: 14px;} |
.intro-box-module .intro-content-txt p{line-height: 24px;} |
.intro-box-module .submit-btn-section{padding: 25px 0 22px 0; text-align: center;} |
.intro-box-module .submit-btn-section a{display: inline-block; width: 160px; height: 40px; line-height: 40px; border-radius: 3px; font-size: 18px; text-align: center; color: #fff;} |
.intro-box-module .submit-btn-section .submit-btn-off{background-color: #9f9f9f;} |
.intro-box-module .submit-btn-section .submit-btn-on{background-color: #ff6633;} |
</style> |
<title>彈窗</title> |
</head> |
<body> |
<div id="J_introBox" class="intro-box-module"> |
<div class="title-close"><a id="J_introcloseBtn" href="javascript:void(0);" title="關閉" otitle="關閉-免責事項說明" otype="button"></a></div> |
<div class="intro-cont-box"> |
<div id="J_introTabNav" class="intro-tab"> |
<a class="curr" href="#introCont1" title="免責事項說明" otitle="免責事項說明" otype="button">《免責事項說明》</a><a href="#introCont2" title="保險條款" otitle="保險條款" otype="button">《保險條款》</a><a href="#introCont3">《特别約定》</a><a href="#introCont4" title="投保聲明" otitle="投保聲明" otype="button">《投保聲明》</a><a href="#introCont5" title="浮動告知" otitle="浮動告知" otype="button">《浮動告知》</a><span class="txt f14">說明</span> |
</div> |
<div class="notice-section"> |
<p>為保障您的權益,<strong>請下拉滾動條完成</strong><br />全部條款閱讀,特别是免責事項說明— —</p> |
</div> |
<div id="J_introCon" class="intro-content"> |
<div id="introCont1" class="intro-content-item"> |
<h2>免責事項說明</h2> |
<div class="intro-content-txt"> |
<p>總則</p> |
<p>第一條 本保險合同由保險條款、投保單、保險單、批單及其他特别約定組成。凡涉及本保險合同的約定,均應采用書面形式。</p> |
<p>第二條 本保險條款分為基本險、通用條款、附加險和釋義四個部分。附加險不能獨立保險,保險人按照承保險别分别承擔保險責任。附加險條款與基本險條款相抵觸之處,以附加險條款為準,未盡之處,以基本險條款為準。</p> |
<p>除非本保險條款另有規定,通用條款的規定及釋義适用于本保險條款的任何部分。</p> |
<p>第三條 本保險條款所稱機動車是指在×××境内(不含港、澳、台地區)以動力裝置驅動或者牽引,上道路行駛的供人員乘用或者用于運送物品以及進行工程專項作業的輪式車輛或履帶式車輛,但不包括機車和拖拉機。</p> |
<p>第四條 本保險合同為不定值保險合同。</p> |
<p>第五條 本保險僅适用于非營運個人車輛。</p> |
<p>第一部分 基本險</p> |
<p>基本險包括商業第三者責任保險、車輛損失險、全車盜搶險、車上人員責任險共四個獨立的險種,投保人可以選擇投保其中部分險種,也可以選擇投保全部險種。</p> |
<p>第一章 商業第三者責任保險</p> |
</div> |
</div> |
<div id="introCont2" class="intro-content-item"> |
<h2>保險條款</h2> |
<div class="intro-content-txt"> |
<p>總則</p> |
<div style="height: 300px;"></div> |
</div> |
</div> |
<div id="introCont3" class="intro-content-item"> |
<h2>特别約定</h2> |
<div class="intro-content-txt"> |
<p>總則</p> |
<div style="height: 300px;"></div> |
</div> |
</div> |
<div id="introCont4" class="intro-content-item"> |
<h2>投保聲明</h2> |
<div class="intro-content-txt"> |
<p>總則</p> |
<div style="height: 300px;"></div> |
</div> |
</div> |
<div id="introCont5" class="intro-content-item"> |
<h2>浮動告知</h2> |
<div class="intro-content-txt"> |
<p>總則</p> |
<div style="height: 300px;"></div> |
</div> |
</div> |
</div> |
<div class="submit-btn-section"><a id="J_subBtn" class="submit-btn-off" href="javascript:void(0);">同意并确定</a></div> |
</div> |
</div> |
<div class="J_opacityBg"></div> |
<script type="text/javascript"> |
// |
(function(){ |
//關閉彈窗 |
$("#J_introcloseBtn").click(function(){ |
$("#J_introBox, .J_opacityBg").hide(); |
}); |
//TAB |
$("#J_introTabNav a").click(function(){ |
var index = $(this).index(); |
$(this).addClass("curr").siblings().removeClass("curr"); |
//$("#J_introCon .intro-content-item").eq(index).show().siblings(".intro-content-item").hide(); |
}); |
// |
var intrScrollH = parseInt($("#J_introCon").scrollTop()); |
$("#J_subBtn").click(function(){ |
if(intrScrollH < 800){ |
$(".notice-section").css("top",410 + "px"); |
} |
}); |
$("#J_introCon").scroll(function(){ |
var intrScrollH2 = parseInt($("#J_introCon").scrollTop()); |
if(intrScrollH2 > 800){ |
$("#J_subBtn").addClass("submit-btn-on"); |
$(".notice-section").hide(); |
$("#J_subBtn").attr({"href":"http://www.4008000000.com/", "target":"_blank"}) |
} |
}); |
})() |
</script> |
</body> |
</html> |
轉載于:https://blog.51cto.com/iicoo/1933461