漂亮的html源码分享（有趣的html代码源码）
本文目录一览：
- 1、求这个效果的HTML源代码！鼠标悬浮分享它就出来，不悬浮就是隐藏状态，求代码！谢谢！
- 2、求精美html全站博客源代码！！！追加送分！！！
- 3、找一点html5写的源代码案例，供初学者学习
- 4、html网页设计源码
求这个效果的HTML源代码！鼠标悬浮分享它就出来，不悬浮就是隐藏状态，求代码！谢谢！
js
script type="text/javascript" src="/licong/script/jquery-1.7.1.min.js"/script//此文件需自行引用
$(document).ready(function(){
$('#show').mouseover(function(){
$('#content').animate({width:300},"slow");
$('#content').html('p我是内容/p');
});
$('#hide').click(function(){
$('#content').html('');
$('#content').animate({width:0},"slow");});
});
css
#container {float: left;}
#content {width: 0;height: 300px;float: left;border: 1px solid #333;}
#show {width: 25px;height: 50px;border: 1px solid #333;}
#hide {width: 25px;height: 50px;border: 1px solid #333;position: relative;}
html
div id="container"
div id="content"/div
div style="width: 25px; float:left"
div id="show"分享/div
div id="hide"隐藏/div
/div
div style="clear:both;"/div
/div
求精美html全站博客源代码！！！追加送分！！！
html没法做blog的...
不过你可以试下,这个是google的,可以发表日志后通过ftp远程替你更新
找一点html5写的源代码案例，供初学者学习
首先准备好11张图片，放到img文件夹下供调用
代码如下：
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
/head
body
p/p
img src="img/0.JPG" /
img src="img/0.JPG" /
img src="img/colon.JPG" /
img src="img/0.JPG" /
img src="img/0.JPG" /
img src="img/colon.JPG" /
img src="img/0.JPG" /
img src="img/0.JPG" /
script
//var oBody=document.body;
var oP=document.getElementsByTagName("p")[0];
var aImg=document.getElementsByTagName("img");
fn();
setInterval(fn,1000)
function fn(){
var mytime=new Date(); //当前的系统时间 年月日 时分秒 星期 对象
var iHour=mytime.getHours();//小时
var iMin=mytime.getMinutes();//分钟
var iSen=mytime.getSeconds() ;//秒钟
var str="";
//220640
str=toZero(iHour)+":"+toZero(iMin)+":"+toZero(iSen);
oP.innerHTML=str;
for(var i=0;iaImg.length;i++){
if(str.charAt(i)==":"){
aImg[i].src="img/colon.JPG";
}else{
aImg[i].src="img/"+str.charAt(i)+".JPG";
}
}
}
function toZero(n){
if(n10){
return n="0"+n;
}else{
return n=""+n;
}
}
/script
/body
/html
html网页设计源码
网上很多开源的：pageadmin cms、discuz cms这些都是比较简单的网站源码、适合新手使用、免费下载就可以使用了。
