1、根据数据结构生成HTML结构(利用dom操作)。
2、获取每一个li,给每一个li中每一个a标签绑定事件处理函数。
3、点击a标签,把a标签的内容添加在对象中,同时添加样式。
4、根据对象存的属性生成选择则条件的HTML结构(按顺序排列)。
5、点击关闭选择的条件,删除数据,移除HTML结构,去除在其对应的li中的样式。
伪代码:这里假设 商品购买量为 a, 商品单价为b, b和a的关系为b=a*x, 商品总价为S, 则
if (a<=100){S=a*b}
if (a>100 &&a<=200){S=a*b}
function(a){
if(a<=100)
b = 300
if(a>100 &&a<=200)
b = 270
return b
}
以此类推
伪代码:这里假设 商品购买量为 a, 商品单价为b, b和a的关系为b=a*x, 商品总价为S, 则if (a<=100){S=a*b}if (a>100 &&a<=200){S=a*b}function(a){if(a<=100)b = 300if(a>100 &&a<=200)b = 270return b}以此类推
你好!
页面中显示的楼盘对比的导航,其中js有这样一段代码:
<script>.....
init_comp_bar()
.....
</script>
其中:
function init_comp_bar() {
............
set_fixed_position()
initCompareBar()
show_change(0)
setInterval(initCompareBar, 2000) //此句为关键
}
而这个initCompareBar 就是读取cookies并显示的方法:
function initCompareBar() {
var compCookie = Cookie.getCookie("wz_houseapp_compare")
if (g_comp_cookie == compCookie) {
return false
} else {
g_comp_cookie = compCookie
}
if (g_comp_cookie) {
var cookieArr = g_comp_cookie.split("||")
if (cookieArr.length < 2) {
cmp_cont_change(0)
return false
}
var cur_city = cookieArr[0]
if (cur_city != g_cur_city || cookieArr[1].length < 2) {
cmp_cont_change(0)
return false
}
var cmp_arr = cookieArr[1].split("|")
var cmp_len = cmp_arr.length
if (cmp_len < 1) {
cmp_cont_change(0)
return false
}
var itemStr = ""
for (var i = 0 i < cmp_len i++) {
var house_info = cmp_arr[i].split(",")
itemStr += '<li><span title="删除" onclick="removeCompareItem(' + house_info[1] + ')">删除</span>'
itemStr += '<a href="http://db.house.qq.com/' + cur_city + '_' + house_info[1] + '/" target="_blank" >' + house_info[0] + '</a></li>'
}
Fid("cmp_cont_item").innerHTML = itemStr
cmp_cont_change(cmp_len)
} else {
cmp_cont_change(0)
}
setTopFrame()
}
希望对你有帮助!!