//颜色切换
$(function() {
$("#skin li").click(function() {
//拼接主题的地址
var cssName = "styles/skin/" + $(this).attr("id") + ".css";
//修改当前页面皮肤
$("#cssfile").attr("href", cssName);
//单机对象选中,其余对象不选中
$(this).addClass("selected").siblings().removeClass("selected");
})
})
//尺寸
$(function() {
$(".pro_size li span").click(function() {
var span = $(this).text();
$(".pro_size strong").text(span);
})
})
//数量
$(function() {
$(".pro_num #num_sort").click(function() {
var num = $(this).val();
$(".pro_price span").text(num * 200);
})
})
//评分
$(function() {
$(".rating li a").click(function(){
var title=$(this).attr("title");
alert("您给的评分是" + title);
var cl =$(this).parent().attr("class");
$(this).parent().parent().removeClass().addClass("rating " + cl +"star");
})
})
//点击小图片,另一个换大图片
window.onload = function() {
var imgs = document.getElementsByClassName("small_pic");
var img = document.getElementsByClassName("big_pic")[0];
for(var i = 0; i < imgs.length; i++) {
imgs[i].onclick = function() {
var src = this.src;
var arr = src.split(".jpg");
var newarr = arr.join("_one_small.jpg");
img.src = newarr;
}
}
}
到现在已经学了一个月了,
迷迷糊糊也都学过去,
即将开始项目的进行