自己常用的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 ...
随机推荐
- tomcat启动报错:Unsupported major.minor version 51.0
myeclipse中添加项目后,发现项目启动时报错:Unsupported major.minor version 51.0 因为tomcat使用的jdk版本不支持你项目的jdk版本,需要你在myec ...
- 分享SCI写作经验和一些工具
- shuffle过程中的信息传递
依据Spark1.4版 Spark中的shuffle大概是这么个过程:map端把map输出写成本地文件,reduce端去读取这些文件,然后执行reduce操作. 那么,问题来了: reducer是怎么 ...
- C++11新特性:自动类型推断和类型获取
声明:本文是在Alex Allain的文章http://www.cprogramming.com/c++11/c++11-auto-decltype-return-value-after-functi ...
- Windows调试的基石——符号(1)
当应用程序被链接以后,代码被逐一地翻译为一个个的地址,优化以后的代码可能初看起来更是面目全非.每当我们使用vs或者windbg等微软的调试工具进行调试的时候,我们可以方便地使用变量名来查看内存.可以使 ...
- Qt之四种等待提示框
http://blog.csdn.net/u011012932/article/details/51029602http://blog.csdn.net/u011012932/article/deta ...
- Android 设定activity的进入和退出效果
看了android的源代码和资源文件,终于明白如何去修改设置Dialog和Activity的进入和退出效果了.设置Dialog首先通过 getWindow()方法获取它的窗口,然后通过getAttri ...
- Tableau
http://tableau.analyticservice.net/desktop.html
- 安装Hadoop系列 — 安装Eclipse
1.下载 Eclipse从 http://www.eclipse.org/downloads/index-developer.php下载合适版本,如:Eclipse IDE for C/C++ Dev ...
- node.js模块之fs文件系统
fs 模块是文件操作的封装,它提供了文件的读取.写入.更名.删除.遍历目录.链接等 POSIX 文件系统操作.与其他模块不同的是,fs 模块中所有的操作都提供了异步的和同步的两个版本, 例如读取文件内 ...