先上效果图 因为公司项目的需要,并且公司只有我这一个能写js的前端,这个自定义展示jqgrid列选项的需求依然是交由我写,辣么就分享一下我的工作成果。 1 //初始化函数 2 multiSelectColInit(); 3 //调用下拉多选点击事件以及对应传参 4 5 function multiSelectColInit() { 6 multiSelect = { 7 //ajaxmodelnames: [], //此jqgrid列头名称对应的id数组用于传给后台 8 contorlJqgridCol: function(na...
首先从callback的字面翻译“回调” 可以理解这是一个函数被调用的机制当我们遇到一个名词首先可能是百度谷歌搜索看官方是怎么解释的下面是维基百科对回调的定义:a callback is a piece of executable code that is passed as an argument to other code which is expected to call back (execute) the argument at some convenient time硬翻译: 一个回调函数是作为另一个函数的参数的一个可执行的代码段 这个代码段在方便的时间来...
Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面通过实例代码给大家介绍Angularjs自定义指令Directive相关知识,感兴趣的朋友一起学习吧今天学习angularjs自定义指令Directive。Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号"Admin"。在网页上放一个文本框和一个铵钮:<form id="form1" name="form1" ng-app="app" ng-controller="ctr...
本篇文章主要介绍了JS简单实现自定义右键菜单实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧RT,一个简单的例子,仅仅讲述原理代码如下:<p id="menu" style="width: 0;height: 0;background: cadetblue;position: absolute"></menu>假设我要把上面这个p设置为右键菜单,先随意美化一下。原理就是利用contextmenu事件,右键点击时,会触发这个事件时,该事件对象可以获得鼠标距离页面左上角的距...
本文主要介绍了原生js封装自定义滚动条的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧最近有一个关于制作在线音乐播放器的项目,需要使用一个滚动条,但是自带滚动条实在是太丑了,所以就自己琢磨了一下自定义的滚动条。在网上看原理,说实话没怎么看懂,就趁今天上午上安卓的时候,研究了一下,结果还算是满意吧。然后就包装一个对象。使用方法很简单,就是自定义一个p,将这个对象导入做参数,new一下就可以。也可以...
本篇文章主要介绍了JavaScript自定义文本框光标的方法实例,具有很好的参考价值。下面跟着小编一起来看下吧文本框(input或textarea)的光标无法修改样式(除了通过color修改光标颜色)。但笔者希望个人创建自己的网站时,文本框的光标有属于自己的风格。所以,尝试模拟文本框的光标,设计有自己风格的光标。以下是笔者个人的想法。【************************基本思路***************************】对于键盘操作来说,光标的基本操...
本文实现自定义路由,主要是事件hashchange的使用,然后根据我们的业务需求封装。首先实现一个router的类,并实例化。function _router(config){this.config = config ? config : {}; } _router.prototype = {event:function(str,callback){var events = str.split( );for (var i in events) window.addEventListener(events[i],callback,false);}, init: function() {this.event(load hashchange,this.refresh.bind(this));retu...
由于很多移动终端不支持 Flash,因此 许多绚丽多彩的 Flash效果出不来。如果,能够判断出访问Web网页的类型(PC还是移动终端)。就可以对症下药,找出解决的办法! 访问的类型为移动终端我们就用.gif代替Flash(.swf后缀)动画,PC端就不做改变。这样就比较完美了! 如下所示,函数 flashChecker() 就是用来检测访问的类型。 <script language="javascript" type="text/javascript"> /* *用来检测是 PC还是移动终端 *返回:flashCheck...
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Javascript自定义数组删除方法remove()</title> <script type="text/javascript"> Array.prototype.remove=function(dx){ if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++){ if(this[i]!=this[dx]){ this[n++]=this[i] } } this.length-=1 } function f(){ var str = "001|002|003";// var arr = str.split("|"); alert("删除...
Javascript_6_自定义对象<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>javascript演示8_自定义对象</title></head><body><h1>javascript演示8_自定义对象</h1><script type="text/javascript" src="a.js"> </script><script type="text/javascript">/** JS当中用函数可以完成JAVA中的自定义对象!* 为与一般函数区分:首字母大写* 动态给对象...
Riot.js最强大的功能,莫过于自定义标签,先来一段代码,看个效果:[code]<!Doctype html> <html> <head><meta charset="utf-8" /><script type="text/javascript" src="riot.js"></script><script type="text/javascript" src="compiler.js"></script> </head> <body><!-- 调用自定义标签 --><timer start="10"></timer></body><!-- 最前面一定要有空格或TAB,留意它的type --> <script type="riot/tag"><timer><h3>Times: { index...
这是我自己做的一个轮播图,大家可以看看 ,我还没进行优化.有改进的地方可以私聊布局什么的你们自己搞定吧<div class="slider" id="circle"> <a href=""><img src="img/6p.jpg" alt="" /></a> ` <ul class="circle" > <li onclick="lun(1)" id="ico1">1</li> <li onclick="lun(2)" id="ico2">2</li> <li onclick="lun(3)" id="ico3">3</li> <li onclick="lun(4)" id="ico4">4</li> <li onclick="lun(5)" id="ico5">5</li> <li class...
在工作中经常会遇到内容会超出固定的一个范围,超出的内容一般会使用到滚动条来滚动显示。但是用浏览器默认的滚动条经常被产品经理鄙视,可是用css却改变不了滚动条的样式,还好,有万能的js ^_^~~网上有各种各样的插件,但最顺手的还是自己写的,还可以一边撸一边当学习,自己动手丰衣足食 (*^__^*)其中这三个问题深深地困扰我:1、滚动条高度2、每次点击向上、向下按钮的时候滚动条应该移动多少距离3、每拖动1px滚动条,页面需要...
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色。但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色。所以只能是通过JavaScript来实现了。也有插件可以做到。我分享一下我自己使用原生JavaScript实现的思路。先上个图看下效果:JavaScript实现的思路就是模拟浏览器自...
今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来原先是想用jquery的click方法<a ownattr=“……” onClick="showDetail(this)">哈哈</a>在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签然而这却一直行不通一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成随后决定采用基本的js方法:function showDetail(obj){var ownattr= obj.attrib...