멋진 이미지 교체
<!DOCTYPE html>
<html dir="ltr" lang="en-US"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title> - jQuery </title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="stylesheet" type="text/css" media="all" href="http://www.16sucai.com/uploadfile/show6/banner007/images/16sucai.css">
<script type="text/javascript" src="http://www.16sucai.com/uploadfile/show6/banner007/images/jquery.js"></script>
<script type="text/javascript" src="http://www.16sucai.com/uploadfile/show6/banner007/images/roundabout.js"></script>
<script type="text/javascript" src="http://www.16sucai.com/uploadfile/show6/banner007/images/roundshapes.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#myRoundabout').roundabout({
shape: 'figure8',
minOpacity: 1,
btnNext: '#bt-next',
btnPrev: '#bt-previous'
});
});
</script>
</head>
<body>
<div class="wrap_it_all">
<div class="center">
<div class="grad_main"></div>
<div class="wrapper">
<ul id="myRoundabout" class="roundabout-holder" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; z-index: 100; ">
<li id="ch_0" class="roundabout-moveable-item" style="position: absolute; left: 504.3px; top: 68.8px; opacity: 1; z-index: 296; font-size: 9.51px; " current-scale="0.7927">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-35" title="slide5" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide5.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_1" class="roundabout-moveable-item roundabout-in-focus" style="position: absolute; left: 224.1px; top: 35px; opacity: 1; z-index: 400; font-size: 12px; " current-scale="1.0000">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-33" title="slide4" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide4.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_2" class="roundabout-moveable-item" style="position: absolute; left: 33.5px; top: 68.8px; opacity: 1; z-index: 296; font-size: 9.51px; " current-scale="0.7927">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-31" title="slide3" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide3.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_3" class="roundabout-moveable-item" style="position: absolute; left: 722.4px; top: 123.5px; opacity: 1; z-index: 129; font-size: 5.49px; " current-scale="0.4573">
<a href="http://cms.template-help.com/wordpress_32359/?prod=caroline-drawer-chest"><img class="alignnone size-full wp-image-29" title="slide2" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide2.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_4" class="roundabout-moveable-item" style="position: absolute; left: -39.4px; top: 123.5px; opacity: 1; z-index: 129; font-size: 5.49px; " current-scale="0.4573">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-27" title="slide1" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide11.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_0" class="roundabout-moveable-item" style="position: absolute; left: 504.3px; top: 68.8px; opacity: 1; z-index: 296; font-size: 9.51px; " current-scale="0.7927">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-35" title="slide5" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide5.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_1" class="roundabout-moveable-item roundabout-in-focus" style="position: absolute; left: 224.1px; top: 35px; opacity: 1; z-index: 400; font-size: 12px; " current-scale="1.0000">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-33" title="slide4" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide4.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_2" class="roundabout-moveable-item" style="position: absolute; left: 33.5px; top: 68.8px; opacity: 1; z-index: 296; font-size: 9.51px; " current-scale="0.7927">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-31" title="slide3" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide3.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_3" class="roundabout-moveable-item" style="position: absolute; left: 722.4px; top: 123.5px; opacity: 1; z-index: 129; font-size: 5.49px; " current-scale="0.4573">
<a href="http://cms.template-help.com/wordpress_32359/?prod=caroline-drawer-chest"><img class="alignnone size-full wp-image-29" title="slide2" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide2.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_4" class="roundabout-moveable-item" style="position: absolute; left: -39.4px; top: 123.5px; opacity: 1; z-index: 129; font-size: 5.49px; " current-scale="0.4573">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-27" title="slide1" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide11.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_0" class="roundabout-moveable-item" style="position: absolute; left: 504.3px; top: 68.8px; opacity: 1; z-index: 296; font-size: 9.51px; " current-scale="0.7927">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-35" title="slide5" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide5.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_1" class="roundabout-moveable-item roundabout-in-focus" style="position: absolute; left: 224.1px; top: 35px; opacity: 1; z-index: 400; font-size: 12px; " current-scale="1.0000">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-33" title="slide4" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide4.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_2" class="roundabout-moveable-item" style="position: absolute; left: 33.5px; top: 68.8px; opacity: 1; z-index: 296; font-size: 9.51px; " current-scale="0.7927">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-31" title="slide3" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide3.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_3" class="roundabout-moveable-item" style="position: absolute; left: 722.4px; top: 123.5px; opacity: 1; z-index: 129; font-size: 5.49px; " current-scale="0.4573">
<a href="http://cms.template-help.com/wordpress_32359/?prod=caroline-drawer-chest"><img class="alignnone size-full wp-image-29" title="slide2" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide2.jpg" alt="" width="433" height="306"></a></li>
<li id="ch_4" class="roundabout-moveable-item" style="position: absolute; left: -39.4px; top: 123.5px; opacity: 1; z-index: 129; font-size: 5.49px; " current-scale="0.4573">
<a href="http://www.16sucai.com/"><img class="alignnone size-full wp-image-27" title="slide1" src="http://www.16sucai.com/uploadfile/show6/banner007/images/slide11.jpg" alt="" width="433" height="306"></a></li>
</ul>
<div class="round_conrol">
<div id="bt-next"></div>
<div id="bt-previous"></div>
</div>
</div>
</div>
</div>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.