JavaScript
Vivianluolita
这个作者很懒,什么都没留下…
展开
-
点击div实现a标签的跳转效果
window.onload = function(){ var obj = document.getElementById('ttt'); obj.onclick=function(){ window.location.href="跳转的地址"; } }转载 2016-10-20 10:01:03 · 6871 阅读 · 1 评论 -
菜单栏滑动滑出效果
例子1 slideDiv向右向左滑出 <ta:panel fit="true" cols="10"> <ta:box cols="1" fit="true" cssStyle="position:relative;"> <div id="slideDiv" style="border:1px solid #ccc;margin原创 2017-12-19 20:04:33 · 1638 阅读 · 0 评论 -
onMouseEnter、onMouseLeave、onMouseOver、onMouseOut冒泡事件
转自:http://www.haogongju.net/art/1085769js冒泡事件的产生: 当鼠标移动到div区域内的table、img、a等元素时触法div本身的onmouseout事件. 由于鼠标停留在div标签内部元素上,触发div的onmouseout事件肯定不是我们想要的结果,于是便产生了冒泡事件.js冒泡事件的解决方法: 当然网上解决的方法有很多,大多代码伸长,不容易理解. 而我转载 2017-12-19 22:07:54 · 1596 阅读 · 0 评论 -
判断IE版本、系统版本、系统平台
<script> var versionNumber=IEVersion(); if((versionNumber!=-1)&&(versionNumber!='edge'&&(versionNumber>10))){ detectOS(); document.writeln("您的IE是版本是:" + detectOS() + "<br/>");//原创 2017-12-14 22:38:52 · 437 阅读 · 0 评论 -
京东商城选项卡效果改写
HTML:给每个li添加一个onClick事件 <%– 档案袋 –%> <c:forEach items="${configMap.popList}" var="poConfig" varStatus="status"> <c:if test="${poConfig.yhe028=='1'}"> <div翻译 2017-12-15 16:03:01 · 866 阅读 · 0 评论 -
弹窗方法改写
ADD New为添加animation动画部分 HTML<html><head lang="en"> <meta charset="UTF-8"> <title>弹框</title> <script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script> <style type="text/css">原创 2017-12-15 16:19:50 · 360 阅读 · 0 评论 -
HTML DOM Element 对象之tagName
http://www.w3school.com.cn/jsref/dom_obj_navigator.asphttp://www.w3school.com.cn/jsref/dom_obj_all.asphttp://www.w3school.com.cn/jsref/prop_element_tagname.asp原创 2017-12-15 16:44:01 · 656 阅读 · 0 评论 -
头像编辑
$("#imgId").mouseenter(function () { $(".zyBox").css("display","block") }) $(".zyBox").mouseleave(function () { $(".zyBox").css("display","none") })<div class="zyBox" style=原创 2017-12-19 15:15:43 · 698 阅读 · 0 评论 -
登录注册之前个人基本信息校验
<div class="" id="mask"></div><div id="login_mask" class="login_mask_content"> <div class="mask_title">用户登录</div> <for转载 2018-04-13 11:02:54 · 1113 阅读 · 0 评论 -
js练习
http://javascript-puzzlers.herokuapp.com/原创 2017-09-19 15:03:44 · 507 阅读 · 0 评论 -
二级菜单
HTML<div id="horizontalMenu" class="homepage_menu"> <div onclick="getSecMenu(2)" class="item_menu active" id="2"><img src="indexue/images/tree-organisation.png" alt="权限管理">权限管理</div> <div o原创 2017-08-25 13:48:14 · 735 阅读 · 0 评论 -
移动端实现排序拖动
Sortable.min。js/*! Sortable 0.4.1 - MIT | git://github.com/rubaxa/Sortable.git */!function(a){"use strict";"function"==typeof define&&define.amd?define(a):"undefined"!=typeof module&&"undefined"!=t原创 2016-10-31 11:43:49 · 6477 阅读 · 0 评论 -
支付js
function bindEvents() { $(document).on("tap",".btn-close",function(){ $(".pay-hidden-box").fadeOut(); }); $(document).on("tap",".key",function(){转载 2017-05-10 10:59:11 · 787 阅读 · 0 评论 -
前端资源
1.掘金(前端论坛) https://juejin.im/2.淘宝前端技术团队 http://taobaofed.org/3.腾讯的前端技术团队 http://isux.tencent.com/category/fd原创 2017-05-11 16:10:01 · 391 阅读 · 0 评论 -
react native 环境搭建
http://reactnative.cn/docs/0.44/getting-started.htmlreacte demo:http://www.ruanyifeng.com/blog/2015/03/react.html原创 2017-06-22 11:36:46 · 231 阅读 · 0 评论 -
原型模式
javascript没有提供传统面向对象语言中的类式继承,而是通过原型委托的方式来实现对象与对象之间的继承。javascript也没有在语言层面提供对抽象类和接口的支持。因此我们要了解一些javascript在面向对象方面的知识。1.1动态类型语言和鸭子类型 编程语言按照数据类型大致分为两类,一类是静态类型语言,另一类是动态类型语言。 静态类型语言在编译时便已经确定变量的类型,而翻译 2017-05-26 17:27:45 · 538 阅读 · 0 评论 -
echart学习
1.热点词云http://echarts.baidu.com/echarts2/doc/example/wordCloud.html?qq-pf-to=pcqq.c2c2.echart入门文档http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20EC原创 2017-07-03 17:27:22 · 524 阅读 · 0 评论 -
数据传参
function queryDate(){//参数依据接口文档(requestmapping,jybm,回调函数) Netof.submit("","${rootpath}/xtpt/businessController/getDataNoLogin.jspx",{"fwid":"HBSIZM1007","aac002":"420103194002043217","aae003":"原创 2017-08-02 22:24:11 · 456 阅读 · 0 评论 -
点击(button 或者a都行)清空文本框内的内容
<div class="FormItemEdit"> <input type="text" class="TextBox" placeholder="红瓦绿树,碧海蓝天" id="text"> <a href="javascript:void(0)" class="BtnClear&qu原创 2016-10-23 16:55:14 · 17272 阅读 · 0 评论