成都网站建设设计

将想法与焦点和您一起共享

php轮播数据表 html5轮播

php循环输出轮播图问题,通过img1=new Image ();img1.src='images/1.jpg';输出5个img后面数字自动加一

script

成都创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势,提供专业的网站策划、成都做网站、网站建设、外贸营销网站建设、网站优化、软件开发、网站改版等服务,在成都十余年的网站建设设计经验,为成都上千中小型企业策划设计了网站。

var widths=967; //图片宽

var heights=246;//高

var counts=5;//图片数量

for(i=1;i++;i5){

img[i]=new Image ();img[i].src='images/'+i+'.jpg'; //图片的位置

url[i]=new Image ();url[i].src='index.php';//图片链接地址

}

/script

//用这样的形式,如果要自增函数名有点麻烦

php实现一组数组根据日期轮播显示

html

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

style type="text/css"

#banner {position:relative; width:1070px; height:280px; overflow:hidden; margin:0 auto;}

#banner_list img {border:0px;}

#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;

cursor:pointer; width:478px; }

#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}

#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}

#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;

margin:0; padding:0; bottom:3px; right:5px;}

#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}

#banner ul li.on { background:#900}

#banner_list a{position:absolute;} !-- 让四张图片都可以重叠在一起--

/style

script language="javascript" src="/resources/js/FY_jq.js"/script

script type="text/javascript"

var t = n = 0, count;

$(document).ready(function(){

var myDate = new Date();

var day = myDate.getDay();         //获取当前星期X(0-6,0代表星期天)

day = 0;//测试用

switch(day) {

    case 0 :

    document.getElementById('img1').setAttribute('src','img/20150506112244.png');

    document.getElementById('img2').setAttribute('src','img/20150506112212.png');

    document.getElementById('img3').setAttribute('src','img/20150506112244.png');

    document.getElementById('img4').setAttribute('src','img/20150506112212.png');

    break;

    case 1 : alert("你好啊!");break;

    case 2 : alert("你好啊!");break;

    case 3 : alert("你好啊!");break;

    case 4 :

    document.getElementById('img1').setAttribute('src','img/20150506112212.png');

    document.getElementById('img2').setAttribute('src','img/20150506112244.png');

    document.getElementById('img3').setAttribute('src','img/20150506112212.png');

    document.getElementById('img4').setAttribute('src','img/20150506112244.png');break;

    case 5 : alert("你好啊!");break;

    case 6 : alert("你好啊!");break;

}

count=$("#banner_list a").length;

$("#banner_list a:not(:first-child)").hide();

$("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));

$("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});

$("#banner li").click(function() {

var i = $(this).text() - 1;//获取Li元素内的值,即1,2,3,4

n = i;

if (i = count) return;

$("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));

$("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})

$("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);

document.getElementById("banner").style.background="";

$(this).toggleClass("on");

$(this).siblings().removeAttr("class");

});

t = setInterval("showAuto()", 4000);

$("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});

})

function showAuto()

{

n = n =(count - 1) ? 0 : ++n;

$("#banner li").eq(n).trigger('click');

}

/script

body

div id="banner"  

          div id="banner_bg"/div  !--标题背景--

          div id="banner_info"/div !--标题--

          ul

              li class="on"1/li

              li2/li

              li3/li

              li4/li

          /ul

         div id="banner_list"

              a href="#" target="_blank"img id="img1" src="" title="" alt="" //a

              a href="#" target="_blank"img id="img2" src="" title="" alt="" //a

              a href="#" target="_blank"img id="img3" src="" title="" alt="" //a

              a href="#" target="_blank"img id="img4" src="" title="" alt="" //a

          /div

      /div

/body

/html

我自己该写的,也测试过。希望能帮到你。

PHP或者js如何实现轮播图每次刷新与上次不一样?

如果不用cookie和session

那可以用localstorage或localsession

或者可以后台ajax读取信息

或者可以用html5网页数据库实现

或者可以记录文件用以读取

或者可以随机排序读取

或者可以写入云数据,获取显示

或者可以其他

或者可以其他其他

或者不知道


新闻标题:php轮播数据表 html5轮播
网页链接:http://chengdu.cdxwcx.cn/article/dogcsii.html