自己常用的js方法
$(function(){
tabview("#zcfw_list1");
tabview("#zcfw_list2");
tabview("#zcfw_list3");
tabview("#zcfw_list4");
//搜索切换
new slide("#main-slide","cur",300,220,1);//焦点图
tabmenu2("#search_list li","hover",".search_cont");
tabmenu("#yaowen_tab li","hover",".yaowen_cont");
tabmenu("#sxfc_menu li","hover",".sxfc_cont");//省网
tabmenu("#around_left li","hover",".tab_left_c");//省网
tabmenu("#around_right li","hover",".tab_right_c");//省网
//输入框文字切换消失
var hoverTextObj=$(".hoverText");
var hoverText=new Array();
hoverTextObj.each(function(i){
hoverText[i]=$(hoverTextObj).eq(i).val();
$(hoverTextObj).eq(i).focus(function(){
$(this).attr('value','');
}).blur(function(){
$(this).attr('value',hoverText[i]);
}).change(function(){
$(this).unbind('blur').unbind('focus')
})
})
/*图片缓存*/
$("body img:not(#[id^='PHPADM_'] img)").lazyload({
effect : "fadeIn",
failurelimit : 5,//加载五个不可见区域的图片
placeholder : "http://fcdt.800j.com.cn/statics/images/index/grey.gif"
});
})
//下拉菜单
function tabview(itemobj){
$(itemobj+">dd").css({"display":"none"});
$(itemobj).mouseover(function(){
$(itemobj+">dd").css({"display":""});
}).mouseout(function(){
$(itemobj+">dd").css({"display":"none"});
})
}
//标签切换
function tabmenu(liItem,liItemClass,contClass) {
var t;
$(liItem).mouseover(function(){
t=setTimeout(function(){foo()},60);
var thisLi=$(this);
var foo=function(){
if(thisLi.attr("rel")!="notab"){
$(liItem).attr("class"," ");
thisLi.attr("class",liItemClass);
var thisIndex=thisLi.index();
if($(contClass).eq(thisIndex).css("display")=="none"){
$(contClass).css("display","none");
}
$(contClass).eq(thisIndex).fadeIn("fast");
return false;
}
}
})
$(liItem).mouseout(function(){
clearTimeout(t)
})
}
//标签切换2
function tabmenu2(liItem,liItemClass,contClass) {
$(liItem).click(function(){
$(liItem).attr("class"," ");
$(this).attr("class",liItemClass);
var thisIndex=$(this).index();
if($(contClass).eq(thisIndex).css("display")=="none"){
$(contClass).css("display","none");
}
$(contClass).eq(thisIndex).fadeIn("fast");
return false;
})
}
//文字滚动
//t_w,文字宽度,也就是文字一屏滚动宽度
function textscroll(id,w){
var a=$("#"+id);
var linum=a.find("ul li").length;
var ulobj=a.find("ul").eq(0);
if(linum>1){
w=linum*350;
ulobj.width(w);
a.find(".qht_prev").click(function (){
var w=ulobj.width()-350;
var ulobjleft=ulobj.css("left");
if(ulobjleft!=("-"+w+"px")){
var w=a.find("ul").width();
ulobj.animate({left:'-=350px'},500,"easeInOutExpo");
return false;
}else if(ulobjleft==("-"+w+"px")){
ulobj.animate({left:'0px'},500,"easeInOutExpo");
return false;
}
});
function goprev() {
var w=ulobj.width()-260;
var ulobjleft=ulobj.css("left");
if(ulobjleft!=("-"+w+"px")){
var w=a.find("ul").width();
ulobj.animate({left:'-=350px'},500,"easeInOutExpo");
return false;
}else if(ulobjleft==("-"+w+"px")){
ulobj.animate({left:'0px'},500,"easeInOutExpo");
return false;
}
}
a.find(".qht_next").click(function(){
var w=ulobj.width()-260;
var ulobjleft=ulobj.css("left");
if(ulobjleft!="0px"){
var w=a.find("ul").width();
ulobj.animate({left:'+=350px'},500,"easeInOutExpo");
return false;
}else{
ulobj.animate({left:("-"+w+"px")},500,"easeOutElastic");
return false;
}
})
setInterval(goprev,4000)
}
}
//首页98030广告文字纵向滚动
function currF(id,curr){
var curr=0;
timerID = setInterval(topscroll,4000)
function topscroll() {
var a=$(id);
var ul=a.find("ul").eq(0);
var h=ul.height();//所有项目的总高
var anum=a.find("li").length;//所有项目的数量
//ah=h/anum;每个项目的高
if(anum>0&&curr<anum-1){
ah=Math.ceil(h/anum);
curr++;
p = (ah*curr*-1)
ul.animate({top: p },500);
}else{
ul.animate({top:"0px"},500);
curr=0;
}
}
}
自己常用的js方法的更多相关文章
- 常用原生JS方法总结(兼容性写法)
经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...
- 在项目中常用的JS方法封装
使用方法简单,只需要放在你的 utils.js 工具文件中,直接export const 加上下面封装方法,在别的文件中使用 {方法1,方法2,方法3...}引用后直接使用即可. 01.输入一个值.返 ...
- webdriervAPI(常用的js方法)
from selenium import webdriver driver = webdriver.Chorme() driver.get("http://www.baidu.co ...
- 常用原生JS方法
备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(elemen ...
- 常用的js方法,包括表单校验的一些方法
/** * 对JSON对象转换为字符串. * @param {json对象} json * @return {json字符串} */ function jsonObj2Str(json) { var ...
- 项目中常用的js方法封装---自留
1.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 2.冒泡排序 ...
- 开发时候常用的js方法封装
1.判断是否是一个数组 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } ...
- 项目中常用的js方法(持续更新)
<script> var utils = { //时间戳转日期(timestamp:时间戳 默认当前时间) dateFormat: function(timestamp = new Dat ...
- 常用的JS方法(见到好的就添加进来)
// 悬浮置顶 ; (function ($) { $.fn.crumbsFixedPosition = function (options) { var defaults = { cName: 'f ...
随机推荐
- Google Play市场考察报告
考察了Google Play日本市场的10款应用,考察的重点在于每个App有什么亮点,盈利模式在哪里.本文并不是App的功能介绍. (1)恋爱文集[文库类应用] 该应用收录了一些恋爱文章,其主要受众是 ...
- hibernate 数据行数统计 count(*)
Hibernate关于sql中的count(*)数据统计: ①如果使用的是HQL: 直接在HQL中使用count(*)即可获取行数 Long count = (Long)HibernateUtil.g ...
- [topcoder]ZigZag
http://community.topcoder.com/stat?c=problem_statement&pm=1259&rd=4493 动态规划题.如果不用DP,暴力的应当在2^ ...
- spring transactionmanager
Spring配置文件中关于事务配置总是由三个组成部分,分别是DataSource.TransactionManager和代理机制这三部分,无论哪种配置方式,一般变化的只是代理机制这部分. DataSo ...
- iOS开发之集成ijkplayer视频直播
ijkplayer 是一款做视频直播的框架, 基于ffmpeg, 支持 Android 和 iOS, 网上也有很多集成说明, 但是个人觉得还是不够详细, 在这里详细的讲一下在 iOS 中如何集成ijk ...
- SPRING IN ACTION 第4版笔记-第九章Securing web applications-002-把用户数据存在memory里(AuthenticationManagerBuilder、 UserDetailsManagerConfigurer.UserDetailsBuilder)
Spring Security is extremely flexible and is capable of authenticating users against virtually any d ...
- 安装Hadoop系列 — 安装Hadoop
安装步骤如下: 1)下载hadoop:hadoop-1.0.3 http://archive.apache.org/dist/hadoop/core/hadoop-1.0.3/ 2)解压文 ...
- Java API ——Character类
1.Character类的概述 · Character 类在对象中包装一个基本类型 char 的值 · 此外,该类提供了几种方法,以确定字符的类别(小写字母,数字,等等),并将字符从大写转换成小写,反 ...
- Hashtable与HashMap区别(2)
提到hashtable,先要澄清两个问题hashCode与equals().Hashtable有容量和加载因子,容量相当于桶,因子相当于桶里的对象.而hashCode我们可以把它理解为桶的序号,所以H ...
- hdu 2844 Coins
Coins Time Limit: / MS (Java/Others) Memory Limit: / K (Java/Others) Total Submission(s): Accepted S ...