html模板大全_简单的网站开发_免费b2b平台都有哪些网站_网络营销师资格证报名
<html><head><meta charset="gb2312"><title>搭建属于自己的网站</title><link rel="stylesheet" type="text/css" href="css/swiper.min.css"><link rel="stylesheet" type="text/css" href="css/reset.css" /><link rel="stylesheet" type="text/css" href="css/index.css" /><link rel="stylesheet" href="css/style1.css" type="text/css" media="all"/><script lang="javascript" type="text/javascript" src="js/swiper.min.js"></script><script lang="javascript" type="text/javascript" src="js/jquery-1.12.4.min.js"></script><script lang="javascript" type="text/javascript" src="js/index.js"></script><script type="text/javascript"><link rel="stylesheet" href="css/index.css" type="text/css" media="all"/><script src="js/jquery-1.8.3.min.js"></script><script type="text/javascript">function frlink(selObj){window.open(selObj.options[selObj.selectedIndex].value);}</script><script type="text/javascript">$.fn.imgscroll = function(o){var defaults = {speed: 40,amount: 0,width: 1,dir: "left"};o = $.extend(defaults, o); return this.each(function(){var _li = $("li", this);_li.parent().parent().css({overflow: "hidden", position: "relative"}); _li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); _li.css({position: "relative", overflow: "hidden"}); if(o.dir == "left") _li.css({float: "left"}); var _li_size = 0;for(var i=0; i<_li.size(); i++)_li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true); if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"});_li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());_li = $("li", this);var _li_scroll = 0;function goto(){_li_scroll += o.width;if(_li_scroll > _li_size){_li_scroll = 0;_li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll });_li_scroll += o.width;}_li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount);} var move = setInterval(function(){ goto(); }, o.speed);_li.parent().hover(function(){clearInterval(move);},function(){clearInterval(move);move = setInterval(function(){ goto(); }, o.speed);});});};function frlink(selObj){window.open(selObj.options[selObj.selectedIndex].value);}</script></head><body><div id="hearder2" class="clearfix"><div class="logo-name">######</div></div><div id="menu-box" class="clearfix"><ul><li><a href="#">首页</a></li><li><a href="#">导航1</a></li><li><a href="#">导航2</a></li><li><a href="#">导航3</a></li><li><a href="#">导航4</a></li><li><a href="#">导航5</a></li></ul></div><div id="slider-box" style="background:url(img/banner01.jpg) center center;"></div><div id="div1" class="clearfix"><div class="left260"><div class="title-box">登录</div><form id="form1" name="form1" method="post" action="#"><input type="text" name="textfield2" id="textfield2" placeholder="用户名" class="uname"><input type="password" name="password" id="password" placeholder="密码" class="upass"><div class="t-link"><input type="checkbox" name="checkbox" id="checkbox" class="chek">记住密码<a href="###" target="_blank">忘记密码？</a></div><input type="submit" name="submit" id="submit" value="登录" class="input-login"><input type="button" name="button" id="button" value="注册" class="input-but" onClick="window.open('#')"></form></div><div class="center450"><div class="title-box">中心简介</div><p><img src="img/logo.png" align="left" width="50" height="50">此处省略一千字##################################################################################################################...<a href="#">查看更多...</a></p></div><div class="right260"><div class="title-box">新闻资讯<a href="#" class="title-more">更多...</a></div><div class="video-box"><embed src='img/news.jpg' allowFullScreen='true' quality='high' width='260' height='150' align='middle' allowScriptAccess='always' ></embed></div><ul><li><a href="#">##########</a></li><li><a href="#">##########</a></li><li><a href="#">##########</a></li></ul></div></div><div id="div2" class="clearfix"><div class="left260"><div class="title-box">通知公告<a href="#" class="title-more">更多...</a></div><ul><li><a href="#">关于2022年###有关事项的通告</a></li><li><a href="#">关于2022年###有关事项的通告</a></li><li><a href="#">关于2022年###有关事项的通告</a></li><li><a href="#">关于2022年###有关事项的通告</a></li><li><a href="#">关于2022年###有关事项的通告</a></li><li><a href="#">关于2022年###有关事项的通告 </a></li></ul></div><div class="center450"><div class="tabbox"><div class="tab"><a href="#" class="on">政务中心</a><a href="#">文化论坛</a><a href="#">时尚前沿</a></div><div class="content"><div style="display:block;" class="tb"><ul><li><a href="#">###</a><span>2021-09-08</span></li><li><a href="#">###</a><span>2021-06-21</span></li><li><a href="#">###</a><span>2021-06-17</span></li><li><a href="#">###</a><span>2021-05-07</span></li><li><a href="#">###</a><span>2021-05-06</span></li><li><a href="#">###</a><span>2021-04-25</span></li></ul></div><div class="tb"><ul><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li></ul></div><div class="tb"><ul><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li></ul></div></div></div></div><div class="right260"><div class="title-box">就业热点<a href="#" class="title-more">更多...</a></div><div class="video-box"><embed src='img/news-1.jpg' allowFullScreen='true' quality='high' width='260' height='150' align='middle' allowScriptAccess='always'></embed></div><ul><li><a href="#">###</a></li><li><a href="#">###</a></li><li><a href="#">###</a></li></ul></div></div><script>$(function(){$(".tabbox .tab a").mouseover(function(){$(this).addClass('on').siblings().removeClass('on');var index = $(this).index();number = index;$('.tabbox .content .tb').hide();$('.tabbox .content .tb:eq('+index+')').show();});var auto = 1; if(auto ==1){var number = 0;var maxNumber = $('.tabbox .tab a').length;function autotab(){number++;number == maxNumber? number = 0 : number;$('.tabbox .tab a:eq('+number+')').addClass('on').siblings().removeClass('on');$('.tabbox .content .tb:eq('+number+')').show().siblings().hide();}var tabChange = setInterval(autotab,3000);$('.tabbox').mouseover(function(){clearInterval(tabChange);});$('.tabbox').mouseout(function(){tabChange = setInterval(autotab,3000);});}});</script><div id="div3"><img src="img/banner01.jpg"></div><div id="div4"><div class="title-box">照片展示</div></div><div class="scrollleft clearfix"><ul><li><a href="img/employment-02.jpg"><img src="img/employment-02.jpg"/></a><span></span></li><li><a href="img/news-photo1.jpg"><img src="img/news-photo1.jpg"/></a></li><li><a href="img/news-photo2.jpg"><img src="img/news-photo2.jpg"/></a><span></span></li><li><a href="img/news-photo3-1.jpg"><img src="img/news-photo3-1.jpg"/></a></li><li><a href="img/news-photo4-1.jpg"><img src="img/news-photo4-1.jpg"/></a><span></span></li> </ul></div><script type="text/javascript">$(document).ready(function(){$(".scrollleft").imgscroll({speed: 10, amount: 0, width: 1, dir: "left" }); });</script> </body>">