插件方法总结

//淡入淡出轮播
function fadeInOut(imgWrap,text,btn){
var speed = 2000,
interval = 4000,
nowIndex = 0,
timer = null,
oPrev = btn.find(".prev"),
oNext = btn.find(".next"),
oP = text.find("p"),
length = imgWrap.find(‘li‘).length;
imgWrap.find(‘li‘).eq(0).show();
imgWrap.hover(function(){
clearInterval(timer);
},function(){
timer = setInterval(cslProgcess,interval);
});
oNext.click(function(){
clearInterval(timer);
nowIndex ++;
oP.eq(nowIndex%length).show().siblings().hide();
imgWrap.find(‘li‘).hide().eq(nowIndex%length).fadeIn();
timer = setInterval(cslProgcess,interval);
});
oPrev.click(function(){
clearInterval(timer);
nowIndex --;
if (nowIndex<0) {
nowIndex == length-1;
}
oP.eq(nowIndex%length).show().siblings().hide();
imgWrap.find(‘li‘).fadeOut().eq(nowIndex%length).fadeIn();
timer = setInterval(cslProgcess,interval);
});
function cslProgcess(){
nowIndex ++;
oP.eq(nowIndex%length).show().siblings().hide();
imgWrap.find(‘li‘).fadeOut().eq(nowIndex%length).fadeIn(speed);
}
timer = setInterval(cslProgcess,interval);
}

//间距设置

function setSpace(val,div,attr,old){
var curHeight = $(window).height();
div.css(attr,old*curHeight/val+‘px‘);
}

//密码焦点框
function loginInpt(inputbox,blurcontent,type){
var typeVal = type||‘‘;
inputbox.focus(function(){
if (typeVal==‘password‘) {
inputbox.attr(‘type‘,‘password‘);
}
if($(this).val()==blurcontent){
$(this).val(‘‘);
}
});
inputbox.blur(function(){
if($(this).val()==‘‘){
if (typeVal==‘password‘) {
inputbox.attr(‘type‘,‘text‘);
}
$(this).val(blurcontent);
}
});
}

//判断手指滑动方向
var doc = document;
doc.addEventListener("touchstart", startTouchScroll, false);
doc.addEventListener("touchmove", moveTouchScroll, false);
doc.addEventListener("touchend", endTouchScroll, false);
var startY, endY, startX, endX;
function startTouchScroll(event)
{
var touch = event.touches[0];
startX = touch.pageX;
startY = touch.pageY;
}
function moveTouchScroll(event)
{
var touch = event.touches[0];
endX = touch.pageX;
endY = touch.pageY;
}
function endTouchScroll(event)
{
//在这里判断也可以
/*var touch = event.touches[0];
if(!touch){
return ;
}
endX = touch.pageX;
endY = touch.pageY;
*/

//判断移动的点,1为手指向下滑动,-1为手指向上滑动
var scrollDirection = (endY - startY) > 0 ? 1 : -1;
//判断移动的点,1为手指向右滑动,-1为手指向左滑动
var scrollTranslation = (endX - startX) > 0 ? 1 : -1;
//计算滑动距离
var scrollDistance = Math.abs(endY - startY);

}

$(function(){
//根据行数来限制文字溢出
function wordRowLimt(node, row) {
var _height = parseInt(node.css(‘line-height‘))*row; //限制的高度
for (var i = 0; i < node.length; i++) {//多个节点遍历
var old_str = node.eq(i).text(); //节点文本
for (var j = 0; j < old_str.length; j++) {
node.eq(i).text(old_str.substring(0, j));
if (node.eq(i).height() > _height) { //截取字符串
new_str = old_str.substring(0, j-2)+"...";
node.eq(i).text(new_str);
break;
}
}
}
}

//适应屏幕
function setDiv(div){
var _windowW=$(window).width()>1000?$(window).width():1000;
var _windowH=$(window).height()>650?$(window).height():650;
div.height(_windowH);
div.width("100%");
}
function setImg(img){
var _windowW=$(window).width()>1024?$(window).width():1024;
var _windowH=$(window).height()>650?$(window).height():650;
var imgH=img.height(),
imgW=img.width();

if(_windowW/_windowH>imgW/imgH){
img.width(_windowW);
img.height(_windowW*(imgH/imgW));
}else{
img.height(_windowH);
img.width(_windowH*(imgW/imgH));
}
var nh=img.height(),
nw=img.width();

img.css({
left:(_windowW-nw)/2,
top:(_windowH-nh)/2
})
}

//input默认值替换
$(".survey-div ul li").click(function(){
$(this).addClass("on").siblings().removeClass("on");
$(this).find("input").attr("checked",true);
$(this).siblings().find("input").attr("checked",false);
});
$(".survey-div1 ul li").click(function(){
var checked = $(this).find("input").attr("checked");
$(this).toggleClass("on");
if (checked) {
$(this).attr("checked",false);
}else{
$(this).attr("checked",true);
}
});

//返回到默认的值
function backFirst(parent,child,index){
parent.hover(function(){
child.mouseover(function(){
$(this).addClass("on").siblings().removeClass("on");
});
},function(){
child.eq(index).addClass("on").siblings().removeClass("on");
});
}

//字数限制
function txtLimit(div, num, point) {
for (var i = 0; i < div.length; i++) {
var news_txt = div.eq(i).text();
if (news_txt.length >= num) {
var txt = news_txt.substr(0, num) + point;
div.eq(i).text(txt);
}
}
}
//超出添加<a>
function addHref(div, num, point,texts) {
div.each(function(){
var news_txt = $(this).text();
if (news_txt.length >= num) {
var txt = news_txt.substr(0, num) + point;
$(this).text(txt);
$(this).append(‘<a href="">‘+texts+‘</a>‘);
}
})
}

// 全选/全不选
function selectBox(allBtn,notBtn,itemBox){
allBtn.click(function(){
itemBox.find("input").each(function(){
$(this).prop("checked",true);
});
});
notBtn.click(function(){
itemBox.find("input").each(function(){
$(this).prop("checked",false);
});
});
}

//选项卡
function tabItem($item,$box,event){
$box.eq(0).show();
$item.on(event,function(){
var index = $(this).index();
$(this).addClass("on").siblings().removeClass("on");
$box.eq(index).show().siblings().hide();
});
}

//下拉框
function getText(parent){
parent.click(function(){
// window.event?window.event.cancelBubble=true:event.stopPropagation();
var e=getEvent();
if(window.event){
//e.returnValue=false;//阻止自身行为
e.cancelBubble=true;//阻止冒泡
}else if(e.preventDefault){
//e.preventDefault();//阻止自身行为
e.stopPropagation();//阻止冒泡
}
var _this = $(this);
_this.find("ul").slideToggle();
_this.find("ul li").click(function(){
var liText = $(this).text();
_this.find("input").val(liText);
});
});
$("body").click(function(){
parent.find("ul").slideUp();
})
}
//获取事件
function getEvent(){
if(window.event) {return window.event;}
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event || arg0.constructor ==MouseEvent
|| arg0.constructor==KeyboardEvent)
||(typeof(arg0)=="object" && arg0.preventDefault
&& arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}

//搜索框
function focus(inputbox,blurcontent){
inputbox.focus(function(){
if($(this).val()==blurcontent){
$(this).val(‘‘);
}
});
inputbox.blur(function(){
if($(this).val()==‘‘){
$(this).val(blurcontent);
}
});
}

//回到顶部
function backTop(btn){
btn.click(function(){
var timer = null;
var speed = 2;
var interval = 50;
function topMove(){
var scrollTop = $(document).scrollTop();
scrollTop = scrollTop/speed;
if (scrollTop<1) {
scrollTop = 0;
clearInterval(timer);
}
$(document).scrollTop(scrollTop);
}
timer = setInterval(topMove,interval);
});
}

// 日期展示
function dateShow(){
var dateStr = getDate();
var year = dateStr.substring(0,4);
var month = dateStr.substring(4,6);
var day = dateStr.substring(6,8);
$(".csl-day").text(day);
$(".csl-year").text(year+"-"+month);
}
//日期
function getDate(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
month<10?month="0"+month:month=""+month;
day<10?day="0"+day:day=""+day;
return year+month+day;
}
});

时间: 2024-11-02 02:20:08

插件方法总结的相关文章

Bootstrap 历练实例 - 折叠(Collapse)插件方法

方法 下面是一些折叠(Collapse)插件中有用的方法: 方法 描述 实例 Options:.collapse(options) 激活内容为可折叠元素.接受一个可选的 options 对象. $('#identifier').collapse({ toggle: false }) Toggle: .collapse('toggle') 切换显示/隐藏可折叠元素. $('#identifier').collapse('toggle') Show: .collapse('show') 显示可折叠元

Bootstrap 提示工具(Tooltip)插件方法的用法

方法 下面是一些提示工具(Tooltip)插件中有用的方法: 方法 描述 实例 Options: .tooltip(options) 向元素集合附加提示工具句柄. $().tooltip(options) Toggle: .tooltip('toggle') 切换显示/隐藏元素的提示工具. $('#element').tooltip('toggle') Show: .tooltip('show') 显示元素的提示工具. $('#element').tooltip('show') Hide: .t

Bootstrap历练实例:下拉菜单插件方法的使用

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:下拉菜单插件方法的使用</title> <meta charset="utf-8" /> <meta name="v

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

1.引入第三方js文件,npm安装不了 2.控制台显示引入成功 3.在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.solar2lunar();//此处是引用插件方法 this.time = this.$options.methods.zeroPadding(cd.getHours(), 2) + ':' + this.$options.met

【Postman】接口测试工具:在谷歌浏览器安装插件方法以及使用说明

安装插件方法: <如何在谷歌浏览器chrome中离线安装.crx扩展程序的三种方法?> <postman chrome插件的安装与使用> 下载地址:http://www.cnplugins.com/devtool/postman/download.html 使用说明: <Postman使用手册系列教程收集整理> <Postman> 原文地址:https://www.cnblogs.com/Owen-ET/p/9267428.html

MyEclipse安装EGit插件方法

在网上看到有人说并不是任意版本的EGit插件都能适配你的MyEclipse,由于MyEcliipse是基于Eclipse优化开发的,那么就要知道是基于哪一个版本的Eclipse开发的,然后才能知道我们要去下载哪一个版本的EGit,就是说什么版本的Eclipse就要安装对应版本的EGit,在EGit网站有一张对应表,下面会给出. 查找你的MyEclipse基于哪一个版本的Eclipse,点击菜单栏中的"Help"->"MyEclipse Configuration Cen

jquery 扩展插件方法

分析插件jquery.countdown.js 1 (function($) { 2 $.fn.countdown = function(options) { 3 // default options 4 var defaults = { 5 attrName : 'data-diff', 6 tmpl : '<span class="hour">%{h}</span>小时<span class="minute">%{m}<

MyEclipse10.6 安装SVN插件方法及插件下载地址

    今天MyEclipse10.6出了点问题,所以重装了它,同时也把svn的插件重装了一次,把网上资源和自己的经历顺便在博客这里记录一下.建议直接看方法三好了,简单方便,不必要折腾太多.下来 方法一:在线安装 1.打开HELP->MyEclipse Configuration Center.切换到SoftWare标签页. 2.点击Add Site 打开对话框,在对话框Name输入Svn,URL中输入:http://subclipse.tigris.org/update_1.6.x 3.在左边

Vue自定义插件方法大全

新年第一天首先祝大家新年快乐,心想事成! 1.利用根实例构造函数的原型 //在构造函数的原型链上添加自定义属性 Vue.prototype.test = 'pomelo' //在其他组件中调用 console.log(this.test) //pomelo 通过原型链添加方法,同理 2.通过Vue的插件机制 (常用方法) (1) 以util.js为插件文件,则需在项目入口文件main.js中引入: import Utile from './lib/utils' Vue.use(Utile) (2

浏览器安装插件方法

转自:https://www.52pojie.cn/thread-719162-1-1.html 最近有很多用户反映有一些Chrome插件在离线安装的时候,根据本站的教程:离线安装CRX格式chrome插件的方法.无法正常完成安装,提示"只能通过Chrome网上应用商店安装该程序",小编为了了解这一问题,今天将谷歌浏览器升级到了最新版本,在安装扩展脚本的时候,确实发现了这个问题的存在. 经过查找相关资料,发现Chrome 21.x系列增加了对扩展插件安装的限制, 自Chrome 21.