【网页设计】期末大作业html+css(个人网站)
【网页设计】期末大作业html+css(个人网站)
- 写在前面
- 代码
- 下载地址
写在前面
这个作业呢使用的是html5+css3布局,用了一些jquery做交互效果。调用了百度地图的api。这是小萌新第一次发作业,请各位大佬凑合着看看哈。
先放几张图片凑合看看趴!
代码
//轮播图
var autoLi = $(".auto ul li");
var autoImg = $(".auto ul li img");
var num = -1;
var point = $(".point");
var pointDiv = $(".point div");
var addCut = $(".addCut");
var addCutDiv = $(".addCut div");
var addCut_cut = $(".addCut_cut");
var addCut_add = $(".addCut_add");
var indexSubmit = $(".indexSubmit");
var point = $(".point");
var point_Div = $(".point div");
point_Div.click(
function(){
num = $(this).index();
pointDiv.css("background-color","#CCCCCC");
autoLi.eq(num).fadeToggle(1500);
pointDiv.eq(num).css("background-color","#003366");
}
);
indexSubmit.click(
function(){
alert("~请登录或者注册~");
}
);
function auto(){
if(num>=2){
num=0;
}else{
num++;
}
//autoLi.hide(100);
pointDiv.css("background-color","#CCCCCC");
autoLi.eq(num).fadeToggle(1500);
pointDiv.eq(num).css("background-color","#003366");
}
addCut_cut.click(
function(){
num=num-2;
auto();
}
);
addCut_add.click(
function(){
//num++;
auto();
}
);
//定时器
//setInterval 每隔1000ms执行一次
function setAuto(){
timer = setInterval("auto()",1500);
}
setAuto();
$(".auto ul").mouseenter(
function(){
clearInterval(timer);
}
).mouseleave(
function(){
setAuto();
}
);
下载地址
这是这个页面的 下载地址
CSDN-Ada助手: 恭喜你写了第三篇博客,内容也很实用。建议你可以在未来的创作中加入更多实例和案例,帮助读者更好地理解和应用相关知识。期待你的更多优质内容。 CSDN 正在通过评论红包奖励优秀博客,请看红包流:https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3,我们会奖励持续创作和学习的博主,请看:https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
CSDN-Ada助手: 非常感谢您分享这篇有关汽车销售管理系统的博客。您的文章涵盖了许多关于C语言的基础知识,这将有助于初学者更好地理解和掌握编程语言。除了这些基础知识,您还可以考虑深入研究相关的数据结构和算法,以及如何使用指针来解决实际问题。希望您能够继续分享您的经验和知识,让更多的人受益。 如何写出更高质量的博客,请看该博主的分享:https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
m0_71905303: 博主,求源码
m0_64446073:
m0_64446073: 活菩萨转世