Nivo幻灯片使用div代替IMG问题,怎么解决
发布网友
发布时间：2024-10-17 00:28
共1个回答
热心网友
时间：2024-10-18 03:52
<style type="text/css" media="screen">
#slider1
{
overflow: hidden ;
width: 680px ;
position: relative ;
height: 205px ;
}
#slider1 IMG
{
width: 680px ;
height: 205px ;
}
#slider1Content
{
width: 680px ;
position: absolute ;
top: 0px ;
}
.slider1Image
{
display: none ;
float: left ;
position: relative ;
}
.slider1Image p
{
line-height: 20px ;
}
.slider1Image SPAN
{
display: none ;
position: absolute ;
width: 650px ;
background: #000 ;
padding: 12px 15px;
filter: alpha(opacity=70) ;
font: 10px/15px Arial, Helvetica, sans-serif ;
color: #fff ;
-moz-opacity: 0.7 ;
-khtml-opacity: 0.7 ;
opacity: 0.7 ;
}
.slider1Image SPAN h4
{
color: #fff ;
font-family: " 微软雅黑";
}
.left, .right
{
left: 0px ;
width: 250px !important;
height: 181px ;
top: 0px ;
}
.right
{
left: 400px ;
}
</style>
<script src="js/s3Slider.js" type ="text/javascript"></ script>
<script type="text/javascript">
var $jq1 = jQuery.noConflict();
$jq1(
$jq1(document).ready( function() {
$jq1( '#slider1').s3Slider({
timeOut: 4000
});
})
);
</script>
