
前端
魏亚强
敲三两行代码,换二三两酒钱
展开
-
jq编写轮播图(淡入淡出的效果)
大概的效果图如下:下面是代码,直接复制,然后替换图片就可以使用(图片放在了最下面)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin: ...原创 2019-12-13 11:10:37 · 781 阅读 · 0 评论 -
js创建对象的两种方法(new Object和自定义方法)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script src="https://code.jquery.com/j...原创 2019-12-03 14:32:13 · 1740 阅读 · 0 评论 -
js克隆clone()方法的理解
抛出问题对一个p标签进行克隆,第一次克隆1个结果,第二次克隆出来2个结果,第三次克隆出来的4个结果,怎每次得到自己想要的结果?????????待解决问题代码展示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </h...原创 2019-11-23 09:56:49 · 4275 阅读 · 0 评论 -
使用Nutz开发,在前台使用ajax传递对象(数组对象)与后台方法处理
例子一(只是传递一个对象)前台代码var TopoBean={ name :"hello2", linkName : "hello2", x : 1, y:2}$.ajax({ url: "topo/testJson", type: 'post',//需要注意的是不能使用get方法请求 //contentType: 'application/json;charset=u...原创 2019-11-08 15:36:20 · 885 阅读 · 0 评论 -
对js闭包的理解
首先理解概念定义:当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的其它变量,如果返 回的这个函数在外部被执行,就产生了闭包。上代码 function test(){ var count=0; return function(){ count++; alert(count); } } var t1=test();//将方法赋值给一个对象,也...原创 2019-11-06 17:29:51 · 448 阅读 · 1 评论 -
jtopo插件(修改源码)修复两节点双线连接的bug
首先看效果如果直接使用jtopo4.8.js源码的话,会出现双向的连线重叠的现象。于是我修改了源码,修改了连线部分的路径代码,demo的地址https://download.youkuaiyun.com/download/wyq188945/11958405功能完善,欢迎下载。...原创 2019-11-05 13:51:31 · 870 阅读 · 3 评论 -
探究一下js中&&和||的特殊用法
探究一下js中&&和||的特殊用法js中的&&和||的左右两边都是变量的情况------------------案例1--------------------代码var a=null;var b="a";alert(a||b);alert(a&&b);输出结果alert(1);alert(null);-----------...原创 2019-11-04 14:55:16 · 237 阅读 · 0 评论 -
Echarts提示框(tooltip)位置设置
https://blog.youkuaiyun.com/sleepwalker_1992/article/details/83023546转载 2019-08-30 10:33:19 · 2085 阅读 · 0 评论 -
使用echarts加载某一个省份的地图(甘肃为例子)
说明:gansu.js是在https://github.com/apache/incubator-echarts/tree/master/map/js/province下载的,里面有每个省份的地图,每个市的地图,需要注意的是map: ‘甘肃’,需要和你下载的省份的名称对应,否则不会显示地图<!DOCTYPE html><html> <head> &l...原创 2019-08-17 16:25:22 · 5964 阅读 · 10 评论 -
jqgrid小demo(加载本地数据)
<!DOCTYPE html><html> <link rel="stylesheet" href="css/ui.jqgrid.css" /> <head> <meta charset="UTF-8"> <title></title> </head> <body> &...原创 2019-08-12 22:07:11 · 274 阅读 · 0 评论 -
css一行的文字超出使用省略号代替,然后鼠标放上去显示全部的文字
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> p{ overflow: hidden; width: 100px...原创 2019-08-15 15:29:43 · 2846 阅读 · 0 评论 -
jquery ui dialog对话框的练习
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery ui对话框的练习</title> </head> <link rel="stylesheet" href="css/jquery-ui.css" /> &...原创 2019-08-10 00:34:28 · 162 阅读 · 0 评论 -
js阻止事件冒泡
通俗的理解事件冒泡:就是父标签绑定一个方法,子标签会默认执行,就算子标签执行完自身绑定的方法后,也会再执行一遍父标签的方法。组织冒泡事件:简单的方式就是再子标签中添加 event.cancelBubble=true;即可演示下面的代码页面上,我点击ccc的话,如果没有阻止冒泡事件的话,会有两个弹窗,alert(c),alert(b)如果设置阻止事件冒泡的话,只会有一个弹窗弹出alert(c...原创 2019-08-18 17:53:44 · 133 阅读 · 0 评论 -
使用js定时器实现 一段文字中单个字输出的效果,爱心动画
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Css3动画效果,文字打印效果,超简单的loveHeart</title> <link rel="stylesheet" type="text...原创 2019-06-01 22:12:39 · 950 阅读 · 0 评论 -
html+jq,手写原创点名,直接拷贝即可
欢迎` ...原创 2019-05-29 21:09:03 · 246 阅读 · 0 评论 -
jq实现模拟双色球开奖,代码直接可以拷贝,拿走不谢
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>双色球开奖</title> </head> <style type="text/css"> #container{ border: 1px red solid;...原创 2019-05-29 21:21:55 · 2452 阅读 · 0 评论 -
使用keyframes 做个简单的小球运动的动画效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> div{ width: 100px; height: 100px; border:2px soli...原创 2019-06-03 22:27:25 · 663 阅读 · 0 评论 -
js实现鼠标点击处出现漂浮的红心
练习原创 2019-06-21 21:50:34 · 1410 阅读 · 0 评论 -
echarts自适应父div大小
https://blog.youkuaiyun.com/weixin_38383877/article/details/83113088转载 2019-06-18 17:11:05 · 3534 阅读 · 0 评论 -
表白女神专用代码(漂浮的心+手写文字效果)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>练习</title> </head> <style> *{ margin:0; padding:0; border:0; o...原创 2019-06-23 22:17:13 · 9420 阅读 · 9 评论 -
zTree的小练习
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ztree练习</title> <link href="https://cdn.bootcss.com/zTree.v3/3.5.40/css/zTreeStyle/zTreeStyle....原创 2019-07-10 23:27:36 · 181 阅读 · 1 评论 -
jQuery 事件 - keydown() 方法的应用
jQuery 事件 - keydown() 方法的应用实现一个需求:当按住键盘的上下左右键的时候,自定义一个小球会向你控制的方向移动。原理:当发生 keydown 事件时运行一个函数,结合上下左右四个键位的ASCII 码实现不同的效果。效果展示:<!doctype html><html lang="en"><head> <meta ch...原创 2018-10-15 21:44:57 · 1414 阅读 · 0 评论