自己常用的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 ...
随机推荐
- FlushMode属性与transaction(spring注入的事务)
一.参见hibernate的api http://tool.oschina.net/apidocs/apidoc?api=hibernate-3.6.10 http://tool.oschina.ne ...
- PHP获取APP客户端的IP地址的方法
分析php获取客户端ip 用php能获取客户端ip,这个大家都知道,代码如下: /** * 获取客户端ip * @param number $type * @return string */ func ...
- 散列表 (Hash table,也叫哈希表)
散列表是根据关键字(Key value)而直接访问在内存存储位置的数据结构.也就是说,它通过把键值通过一个函数的计算,映射到表中一个位置来访问记录,这加快了查找速度.这个映射函数称做散列函数,存放记录 ...
- TOP命令详解
TOP是一个动态显示过程,即可以通过用户按键来不断刷新当前状态.如果在前台执行该命令,它将独占前台,直到用户终止该程序为止.比较准确的说,top命令提供了实时的对系统处理器的状态监视.它将显示系统中C ...
- 在运行时切换 WinForm 程序的界面语言 System.ComponentModel.ComponentResourceManager .ApplyResources
Download the code for this article: WinForm-Multilanguages-2.rar (11 KB). 方法二: 下面介绍一种只需对现有代码做较小改动的方法 ...
- 【HDOJ】4775 Infinite Go
其实是一道模拟题,并查集用来优化.还可以的一道题目. /* 4775 */ #include <iostream> #include <sstream> #include &l ...
- [ffmpeg 扩展第三方库编译系列] 关于libvpx mingw32编译问题
在编译libvpx的时候遇到挺多的问题, 1.[STRIP] libvpx.a < libvpx_g.a strip: Bad file number 这个错误也是比较难搞的,一开始以为只是 ...
- C++静态成员变量和静态成员函数小结
静态类成员包括静态数据成员和静态函数成员两部分. 一 静态数据成员: 类体中的数据成员的声明前加上static关键字,该数据成员就成为了该类的静态数据成员.和其他数据成员一样,静态数据成员也遵守pub ...
- JPA详解
2006 年 5 月 2 日,EJB 3.0 规范最终版由 JCP(Java Community Process) 正式公布,标准号为 JSR(Java Specification Request)2 ...
- poj 3126 Prime Path( bfs + 素数)
题目:http://poj.org/problem?id=3126 题意:给定两个四位数,求从前一个数变到后一个数最少需要几步,改变的原则是每次只能改变某一位上的一个数,而且每次改变得到的必须是一个素 ...