上海益国网络科技有限公司
上海专业网站建设一条龙服务

学无止境!

这里摘有最贴近网站程序使用的方方面面相关技术文档~

021-20906540
AM 9:30-12:00 PM:2:00-5:30
您当前位置:首页 >> 技术支持 >>  技术专辑
Feb
15
2013
Jquery,VMiddleImg实现的图片居中裁减

实现原理:从父容器获得容器本身的宽与高来取得图片的宽高最大值,计算图片的中心点,以半宽、半高来对图片进行裁减。引用:$(".siqijimg.t-img").VMiddleImg();以上要注意,一定要定义图片的原始大小。这也是这个插...

[查看详细]
Feb
15
2013
CSS定义图片的宽高不变形处理方法

width:expression(this.width>this.height&&this.width>120?120:true);height:expression(this.height>this.width&&this.height>90?90:true);max-width:120px;max-height:90px;直接在CSS里面用JS的处理办法实现如下...

[查看详细]
Feb
15
2013
图片等比例缩放 优化版JS

<!--functionImgAuto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度varMaxW=220;//定义图片显示的最大宽度varMaxH=55;//定义图片显示的最大高度varo=newImage();o.src=i.src;varw=o.width;v...

[查看详细]
Feb
15
2013
Jquery 鼠标滑过显示层

JS代码:$(function(){$("#sqjpanelh5.sqjhead").mouseover(function(){$(this).next("div.sqjcontent").show();});$("#sqjpanelh5.sqjhead").mouseout(function(){$(this).next("div.sqjcontent").hide();})})CSS代...

[查看详细]
Feb
15
2013
JS实现/图片加标题/淡入淡出/幻灯效果

CSS:.siqiji_panel{width:667px;position:relative;overflow:hidden;}.siqiji_panelimg{border:none;width:669px;height:414px;}.siqiji_wrap{height:414px;overflow:hidden;}.siqiji_nav{position:absolute;bottom:...

[查看详细]
Feb
15
2013
Jquery 多参数定制幻灯

$(document).ready(function(){functionsiqiji(o1,o2,o3,c,t1,t2,a,b){varcount=o1.size()-1;varnow;varTimeInterval;o1.each(function(i){$(this).mouseover(function(){o2.hide().eq(i).show();o3.hide().eq(i).sh...

[查看详细]
Feb
15
2013
兼容性最好的滑动门

functionnTabs(thisObj,Num){if(thisObj.className=="active")return;vartabObj=thisObj.parentNode.id;vartabList=document.getElementById(tabObj).getElementsByTagName("li");for(i=0;i{if(i==Num){thisObj.clas...

[查看详细]
Feb
15
2013
jquery 滑动门随时间自动切换

$(document).ready(function(){varj=0;$("#tabMenusli:first").addClass("current");$("#tabConsdiv:first").show();$("#tabMenusli").each(function(i){$(this).click(function(){$(this).addClass("current").sibl...

[查看详细]
Feb
15
2013
拉风琴式的JS滑动门

CSS:#siqijitab{width:200px;margin:50px;border:solid#ccc;border-width:01px1px;}#siqijitabh4{height:18px;line-height:18px;border:solid#ccc;border-width:1px0;margin-bottom:-1px;text-align:center;backgrou...

[查看详细]
Mar
05
2013
FlexSlider2 幻灯参数详解

FlexSlider2幻灯非常时尚与美观,下面提供各控制参数,以方便更好定制!http://flexslider.woothemes.com/namespace:"flex-",//{NEW}String:Prefixstringattachedtotheclassofeveryelementgeneratedbythepluginselec...

[查看详细]
TOP