个人js类库mycool
// JavaScript Document Sunbye 1.0
//getElementById
//function start
var $=function(_id){return document.getElementById(_id)};
//function end
//function start
function byClass(classname){
if(document.getElementsByClassName){ //判断是否为火狐浏览器,也可用document.all判断是IE
return document.getElementsByClassName(classname);
}else{
var tags=document.getElementsByTagName("*");
var tagslength=tags.length;
var gettags=[];
for(var i=0;i<tagslength;i++){
if(tags[i].className==classname){
gettags.push(tags[i]);
}
}
return gettags;
}
}
//function end
//function start
function inputSearch(tagid,prompttxt,colorfocus,colorblur){
tagid=document.getElementById(tagid);
tagid.value=prompttxt;
tagid.style.color=colorblur;
tagid.onfocus=function(){
if(this.value==prompttxt){
this.value="";
this.style.color=colorfocus;
}
};
tagid.onblur=function(){
if(this.value==""){
this.value=prompttxt;
tagid.style.color=colorblur;
}else{
this.style.color=colorfocus;
}
};
}
//function end
//function start
function fadeOut(ele,speed){
var ele=document.getElementById(ele);
var opacitynum=ele.style.opacity||1;
var speed=(speed/100)||10;
function opacityOff(){
if(opacitynum>0){
ele.style.opacity=opacitynum=(opacitynum-0.01).toFixed(2);
}else{
clearInterval(opacityt);
}
}
var opacityt=setInterval(opacityOff,speed);
}
//function end
//function start
function fadeIn(ele,speed){
var ele=document.getElementById(ele);
var opacitynum=ele.style.opacity||0;
var speed=(speed/100)||10;
function opacityAdd(){
if(opacitynum<1){
ele.style.opacity=opacitynum=(parseFloat(opacitynum)+0.01).toFixed(2);
}else{
clearInterval(opacityt);
}
}
var opacityt=setInterval(opacityAdd,speed);
}
//function end
//function start
function hasClass(obj,cls){
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj,cls){
if(!this.hasClass(obj,cls)) obj.className += " " + cls;
}
function removeClass(obj,cls){
if(hasClass(obj,cls)) {
var reg=new RegExp('(\\s|^)'+cls+'(\\s|$)');
obj.className=obj.className.replace(reg,' ');
}
}
//function end
个人js类库mycool的更多相关文章
- 简单轻量级的一套JS 类库(RapidDevelopmentFramework.JS)
1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...
- 封装的一套简单轻量级JS 类库(RapidDevelopmentFramework.JS)
1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...
- 基于js-spark-md5前端js类库,快速获取文件Md5值
js-spark-md5是歪果仁开发的东西,有点多,但是我们只要一个js文件即可,具体类包我存在自己的oschina上,下载地址:https://git.oschina.net/jianqingwan ...
- 【js类库AngularJs】学习angularJs的指令(包括常见表单验证,隐藏等功能)
[js类库AngularJs]学习angularJs的指令(包括常见表单验证,隐藏等功能) AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀 ...
- 【js类库AngularJs】解决angular+springmvc的post提交问题
[js类库AngularJs]解决angular+springmvc的post提交问题 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前 ...
- 如何在TypeScript中使用JS类库
使用流程 1.首先要清除类库是什么类型,不同的类库有不同的使用方式 2.寻找声明文件 JS类库一般有三类:全局类库.模块类库.UMD库.例如,jQuery是一种UMD库,既可以通过全局方式来引用,也可 ...
- 前端UI框架和JS类库
一.前端框架库: 1.Zepto.js 地址:http://www.css88.com/doc/zeptojs/ 描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jqu ...
- 动态加载(异步加载)jquery/MUI类库 页面加载完成后加载js类库
动态加载Mui类库: // ==UserScript== // @name // @version 1.4.0 // @author zzdhidden@gmail.com // @namespace ...
- 通用js类库
/* 其它通用函数 */$(function() { // var General = function() { var _self = this; /* 写 cookie 操作 */ _self.S ...
随机推荐
- nginx配置负载
一.系统优化 1.修改/etc/sysctl.conf,优化tcp连接数 net.ipv4.tcp_fin_timeout = 30 net.ipv4.tcp_keepalive_time = 120 ...
- Ajax如何使用Session
在Ajax中有时会使用到Session,在aspx.cs文件这样获取: string name = Session["name"]; 但是在Ajax中就不能这样获取Session, ...
- ios二维码生成
二维码扫描现在已经有很多的库可以使用了,常用的有ZXing和ZBar.如果感兴趣的同学可以自行研究. libqrencode介绍:是一个用C语言编写的用来解析二维条形码(QR Code)的程序库,li ...
- java课后作业 弹出窗口求两个数的加减乘除
//计算2个数的加减乘除 谷伟华 2015/10/6package jisuan; import javax.swing.JOptionPane; public class Jiasuan { pub ...
- CSS语法小记
一.CSS语法结构 语法:选择符{属性:值} 例如:body{font-size:12px;} 参数说明: 1.选择符(Selector):指明这组样式所要针对的对象.可以是一个XHTML标签,例如h ...
- [Android Pro] proguard
-optimizationpasses 5 # 指定代码的压缩级别 -dontusemixedcaseclassnames # 是否使用大小写混合 -dontskipnonpubliclibraryc ...
- LoadRunner函数
一.基础函数简介 在VU左边导航栏中,有三个LoadRunner框架函数,分别是vuser_init().Action().vuser_end().这三个函数存在于任何Vuser类型的脚本中. vus ...
- Python中判断是否为闰年,求输入日期是该年第几天
#coding = utf-8 def getLastDay(): y = int(input("Please input year :")) m = int(input(&quo ...
- jq 轮播图
<style> #focus{width:500px;height:200px;overflow:hidden;/*用一个div把图片包含设置超出范围隐藏*/} </style> ...
- 解析PHP处理换行符的问题 \r\n
一首先说说 \r 与\n的区别回车”(Carriage Return)和“换行”(Line Feed)这两个概念的来历和区别.在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model ...