1. 1000部男人的天堂试看

      Carousel

      Description

      To make carousel work uCarausel.js file is used

      Add the following code to your html page and in the "src" image attribute define path to the image files.

      To add more images to the carousel duplicate the following code: <li><img src="/c-style/ftpm_43/YourImage.jpg" alt=""></li>, don't forget to define path to images in the "src" attribute.

      <div class="m2fgmr pro_car-wrapper">
      	<div class="wbod88 pro_carousel">
      		<ul>
      			<li><img src="/c-style/ftpm_43/YourImage.jpg" alt=""></li> <!-- Your Image -->
      			...
      		</ul>
      	</div>
      	<a href="/sgvsz/08437.html" class="ipwfxy pro_btn pro_prev pro_car-button" data-type="prevPage"><span></span></a><!--Previous Page Button-->
      	<a href="/xiqcukie/yrxpon.html" class="yerdyx pro_btn pro_next pro_car-button" data-type="nextPage"><span></span></a><!--Next Page Button-->
      </div>

      Accordion

      Automation
      Automation
      Automation
      Description

      To make accordion work jquery-ui-1.8.17.custom.min.js file is issued

      To add according to the page use the following code:

      <dl id="pro_accordion">
      	<dt><a href="/1416/3428/"><span></span>
      		Heading 
      	</a></dt> 
      	<dd> Content </dd>
      	....
      </dl>

      SlideDown

      SlideDown Button
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      SlideDown Absolute Button
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Description

      Here you will simply need to add pro_slide-down-box class to any dl-list (<dl class="0wtqxl pro_slide-down-box">).

      <dl class="lponpa pro_slide-down-box">
      	<dt> Heading </dt> 
      	<dd> Content </dd>
      </dl>

      Add pro_slide-down-box and absol classes to any dl-list (<dl class="vuu37d pro_slide-down-box absol">).

      <dl class="lmfsh7 pro_slide-down-box absol">
      	<dt> Heading </dt> 
      	<dd> Content </dd>
      </dl>

      Tabs

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Description

      To make the pro_tabs work jquery.tools.min.js file is used

      Using the following code you can create a pro_tabs with the menu in the top left corner:

      <div class="kykqxg pro_tabs-horz-top">
      	<ul class="hzt0tm pro_tabs-nav">
      		<li><a href="/pbypfl.html">Tab 1</a></li>
      		<li><a href="/2598760/rw6/">Tab 2</a></li>
      		<li><a href="/nhvpy/44772706.html">Tab 3</a></li>
      	</ul>
      	<div class="45wbiq pro_tab-content"> Tab content </div>
      	<div class="c2591m pro_tab-content"> Tab content </div>
      	<div class="v0lwu4 pro_tab-content"> Tab content </div>
      </div>

      Using the following code you can create a pro_tabs with the menu in the top right corner:

      <div class="bnaef1 pro_tabs-horz-top2">
      	<ul class="0m8df8 pro_tabs-nav">
      		<li><a href="/e9c3jjx/">Tab 1</a></li>
      		<li><a href="/mxhli0k/">Tab 2</a></li>
      		<li><a href="/mudu/lgxyzefq/">Tab 3</a></li>
      	</ul>
      	<div class="dt9qgr pro_tab-content"> Tab content </div>
      	<div class="qxagj5 pro_tab-content"> Tab content </div>
      	<div class="6ww7se pro_tab-content"> Tab content </div>
      </div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.
      Description

      To make the pro_tabs work jquery.tools.min.js file is used

      Using the following code you can create a pro_tabs with the menu in the bottom left corner:

      <div class="xb3f2r pro_tabs-horz-bottom">
      	<div class="zmzznm pro_tab-content"> Tab content </div>
      	<div class="e0368v pro_tab-content"> Tab content </div>
      	<div class="7ozz91 pro_tab-content"> Tab content </div>
      	<ul class="g9ofwk pro_tabs-nav">
      		<li><a href="/4844.html">Tab 1</a></li>
      		<li><a href="/xehvzamw/39432.html">Tab 2</a></li>
      		<li><a href="/l9g2qoz/">Tab 3</a></li>
      	</ul>
      </div>

      Using the following code you can create a pro_tabs with the menu in the bottom right corner:

      <div class="pb5ga8 pro_tabs-horz-bottom2">
      	<div class="nyyswp pro_tab-content"> Tab content </div>
      	<div class="qzyl2u pro_tab-content"> Tab content </div>
      	<div class="scyw7c pro_tab-content"> Tab content </div>
      	<ul class="jnw1sp pro_tabs-nav">
      		<li><a href="/mtru/kyj/">Tab 1</a></li>
      		<li><a href="/6687008/4155825/">Tab 2</a></li>
      		<li><a href="http://www.baidu2.com/qtpv/pud.html">Tab 3</a></li>
      	</ul>
      </div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh.
      Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh.
      Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh.
      Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh.
      Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh.
      Description

      To make the pro_tabs work jquery.tools.min.js file is used

      Using the following code you can create a pro_tabs with the left menu:

      <div class="2kjmcz pro_tabs-vert-left">
      	<ul class="6kdc5e pro_tabs-nav">
      		<li><a href="/mvnb/wavfxxfa.html">Tab 1</a></li>
      		<li><a href="/3961/2227490.html">Tab 2</a></li>
      		<li><a href="/zrbs.html">Tab 3</a></li>
      	</ul>
      	<div class="lq287g pro_tab-content"> Tab content </div>
      	<div class="7ulk2y pro_tab-content"> Tab content </div>
      	<div class="qhqcqi pro_tab-content"> Tab content </div>
      </div>

      Using the following code you can create a pro_tabs with the right menu:

      <div class="ewg2gk pro_tabs-vert-right">
      	<ul class="b5z6u0 pro_tabs-nav">
      		<li><a href="/443679/o3dy/">Tab 1</a></li>
      		<li><a href="/561618/63882830/">Tab 2</a></li>
      		<li><a href="/cdyqw/ebi2zv.html">Tab 3</a></li>
      	</ul>
      	<div class="ant8ac pro_tab-content"> Tab content </div>
      	<div class="81v2zp pro_tab-content"> Tab content </div>
      	<div class="mlzjy8 pro_tab-content"> Tab content </div>
      </div>

      Tooltips

      Default Tooltipclass="zm7bcj normaltip" title="Text" Fixed Tooltipclass="vmz5n2 fixedtip" title="Text" On Click Tooltipclass="wk75w7 clicktip" title="Text"

      Testimonials

      “Lorem ipsum dolor amet consectetu adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris...?/blockquote>
      “Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem. Nunc lorem sapien....?/blockquote>
      “Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui...?/blockquote>

      Dialog window

      This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.

      To add dialog box to your page add the following button code to the HTML document (button will display the dialog box on click):
      <button id="pro_opener" class="43r6sn pro_exampletip">Open Dialog</button>
      Then add content to the dialog window. It doesn't matter where you put the code as it won't be visible until you click the button
      <div id="pro_dialog" title="Heading">
      	Content of Dialog
      </div>
      If you want to add multiple dialog boxes to the page you only need to add new ID to the dialog box and add new initialization script to the script.js
      $.fx.speeds._default = 1000;
      $(function() {
      	$( "#NEWdialog" ).dialog({
      		autoOpen: false,
      		show: "fade",
      		hide: "fade"
      	});
      
      	$( "#NEWopener" ).click(function() {
      		$( "#NEWdialog" ).dialog( "open" );
      		return false;
      	});
      });

      This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.

      To add dialog box to your page add the following button code to the HTML document (button will display the dialog box on click):
      <button id="pro_opener2" class="vry0sx pro_exampletip">Open Dialog</button>
      Then add content to the dialog window. It doesn't matter where you put the code as it won't be visible until you click the button
      <div id="pro_dialog2" title="Heading">
      	Content of Dialog
      </div>
      If you want to add multiple dialog boxes to the page you only need to add new ID to the dialog box and add new initialization script to the script.js
      $.fx.speeds._default = 1000;
      $(function() {
      	$( "#NEWdialog2" ).dialog({
      		autoOpen: false,
      		show: "fade",
      		hide: "fade",
      		modal:true
      	});
      
      	$( "#NEWopener2" ).click(function() {
      		$( "#NEWdialog2" ).dialog( "open" );
      		return false;
      	});
      });
      Description

      To make Testimonials SlideShow work jquery.cycle.all.min.js file is used

      The Testimonials SlideShow HTML structure:

      <div id="pro_testimonials">
      	<div>
      		Slide Box Content
      	</div>
      	<div>
      		Slide Box Content
      	</div>
      	....
      </div>
      <div class="coaq3s pro_testim_buttons">
      	<a href="/8048075/h3qn.html" id="pro_prev_testim"><span></span></a>
      	<a href="/9020367/663841.html" id="pro_next_testim"><span></span></a>
      </div>

      Into the <div>Slide Box Content</div> you can add any content either text or images. The amount of such content divs is unlimited.

      In the <div class="4ndm38 pro_testim_buttons"> block you can see buttons that are used to navigate slides.

      XML 地图 | Sitemap 地图