项目中一些js小的技巧总结
2014-01-08 13:23
288 查看
<div class="map_left_menu" id="menuBox">
<div class="map_menu_list" id="mapMenu">
<ul id="menuList">
<li><a href="javascript:void(0)" id="mapMenuVis1"
class="menu_1"></a> <span>负荷可视化</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis2"
class="menu_2"></a> <span>配变超载预警</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis3"
class="menu_3"></a> <span>停电计划管理</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis4"
class="menu_4"></a> <span>用电行为细分</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis5"
class="menu_5"></a> <span>用电优化建议</span></li>
</ul>
</div>
</div>
<div class="map_out_box" id="mapOutBox">
<div class="map_box" id="mapBox">
<!-- -->
<div id="heatmapArea" position=relative
style="width:100%;height:100%;float:right;" />
</div>
</div>
$("arrowBtn").live("click",function(){ var panflat=$(this).children('a").arrt(“class”);
if($(this).children("a").attr(“class”)==="map_arrow_up"){
that.b=true;
$("#menuBox").css("display","none");
$(this).css("border","0").children("a").attr("class","map_arrow_down");
}else{
that.b=false;
$("#menuBox").css("display","block");
$(this).css("border-bottom","3px solid #fff").children("a").arrt("class",""map_arrow_i[);
}
});
<div class="map_menu_list" id="mapMenu">
<ul id="menuList">
<li><a href="javascript:void(0)" id="mapMenuVis1"
class="menu_1"></a> <span>负荷可视化</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis2"
class="menu_2"></a> <span>配变超载预警</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis3"
class="menu_3"></a> <span>停电计划管理</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis4"
class="menu_4"></a> <span>用电行为细分</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis5"
class="menu_5"></a> <span>用电优化建议</span></li>
</ul>
</div>
</div>
<div class="map_out_box" id="mapOutBox">
<div class="map_box" id="mapBox">
<!-- -->
<div id="heatmapArea" position=relative
style="width:100%;height:100%;float:right;" />
</div>
</div>
$("arrowBtn").live("click",function(){ var panflat=$(this).children('a").arrt(“class”);
if($(this).children("a").attr(“class”)==="map_arrow_up"){
that.b=true;
$("#menuBox").css("display","none");
$(this).css("border","0").children("a").attr("class","map_arrow_down");
}else{
that.b=false;
$("#menuBox").css("display","block");
$(this).css("border-bottom","3px solid #fff").children("a").arrt("class",""map_arrow_i[);
}
});
相关文章推荐
- 项目开发中的一些注意事项以及技巧总结 基于Repository模式设计项目架构—你可以参考的项目架构设计 Asp.Net Core中使用RSA加密 EF Core中的多对多映射如何实现? asp.net core下的如何给网站做安全设置 获取服务端https证书 Js异常捕获
- 总结骏汇项目的一些js逻辑问题(二)之添加意向银行并可排序
- (转)刚用MVC完成一个小项目,总结一些MVC技巧
- 在实际项目中总结的一些CSS的使用技巧和重要知识点。
- 刚用MVC完成一个小项目,总结一些MVC技巧
- js的一些使用。。。(最近项目jquery使用的总结)
- [原创]JS创建页面蒙板的一些知识技巧总结
- js的一些技巧总结
- 总结骏汇项目的一些js问题(四)之公司中文名称与公司英文名称之提交
- 总结项目开发中用到的一些css\html技巧
- 【Java学习】eclipse,javaWeb项目的一些技巧,经验总结,持续更新
- 项目中的一些常用的知识点总结
- 学习require.js中的一些总结
- 关于ionic开发的一些总结(项目启动设置,app图标名称更改)
- JS(DHTML)中的一些技巧
- 项目编程中期的一些问题总结
- [项目管理]总结的一些系统分析的经验
- MYSQL查询SQL的注意事项和一些技巧总结
- 项目中学到SQL语句中的一些常用技巧及函数
- js技巧总结