Wordpress外贸企业主题, Wp企业主题, wordpress企业主题, wordpress主题定制, PHP代码, ASP代码, 精选JS代码, WORDPRESS, 网站SEO,Flash焦点广告,JS焦点广告,CSS技巧 | 酷码资源 » JS焦点广告 http://www.3code.cn Wordpress外贸企业主题, Wp企业主题, wordpress企业主题, wordpress主题定制, PHP代码,ASP代码,精选JS代码,WORDPRESS,网站SEO,Flash焦点广告,JS焦点广告,CSS技巧 Tue, 07 Sep 2010 10:23:38 +0000 http://wordpress.org/?v=2.8.5 zh-cn hourly 1 仿FLASH的js焦点图片切换效果 http://www.3code.cn/js-flash-image2/ http://www.3code.cn/js-flash-image2/#comments Wed, 18 Nov 2009 06:46:22 +0000 admin http://www.3code.cn/?p=562 仿FLASH的js焦点图片切换效果

仿FLASH的js焦点图片切换效果 很不错，很适合与PHP ASP 等动态语言结合

js焦点广告图片切换效果

js焦点广告图片切换效果




下载此效果

]]> http://www.3code.cn/js-flash-image2/feed/ 0 js+css控制图片展示效果 http://www.3code.cn/js-css-image-show/ http://www.3code.cn/js-css-image-show/#comments Wed, 18 Nov 2009 02:51:43 +0000 admin http://www.3code.cn/?p=559

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang=it dir=ltr xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css+js控制图片展示</title>
<style>
body{
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
padding-top: 0px;
text-align: center
}
#outer{
padding-right: 0px;
padding-left: 0px;
background: url(/images/bg-outer.gif) repeat-y center top;
padding-bottom: 0px;
margin: 0px auto;
width: 780px;
padding-top: 0px;
text-align: left
}
#wrapper{
background: #fff;
margin: 0px 4px
}
#content{
padding-right: 0px;
padding-left: 0px;
min-height: 400px;
padding-bottom: 20px;
margin: 20px 30px;
padding-top: 0px;
position: relative
}
#focus{
border-right: #ccc 2px solid;
padding-right: 0px;
border-top: #ccc 2px solid;
padding-left: 0px;
min-height: 188px;
background: url(/images/tile.gif) #eee repeat-y left top;
padding-bottom: 10px;
margin: 25px 0px 30px;
border-left: #ccc 2px solid;
width: 100%;
padding-top: 15px;
border-bottom: #ccc 2px solid;
position: relative;
height: 188px
}
#beni{
padding-right: 0px;
padding-left: 0px;
left: 0px;
padding-bottom: 0px;
margin: 0px;
width: 250px;
padding-top: 0px;
list-style-type: none;
position: absolute;
top: 15px
}
#beni li{
border-top: #fff 1px solid;
font-size: 12px;
float: left;
width: 250px;
text-indent: 24px;
line-height: 26px
}
#beni li.first{
border-top: 0px
}
#beni li a{
border-right: 0px;
padding-right: 0px;
border-top: 0px;
display: block;
padding-left: 0px;
font-weight: bold;
background: #eee;
padding-bottom: 0px;
margin: 0px;
border-left: 0px;
padding-top: 0px;
border-bottom: 0px;
text-decoration: none
}
#beni li a:hover{
background: #f9f9f9
}
#description{
width:420px;
height:188px;
overflow:hidden;
float:right;
margin-right:15px;
}
</STYLE>
<script>
window.onload=function(){
var ele=document.getElementById("description");
var w=ele.clientWidth;
var n=20,t=20;
var timers=new Array(n);
var c=document.getElementById("beni").getElementsByTagName("li");
for(var i=0;i<c.length;i++){
c[i].index=i;
c[i].onmouseover=doSlide;
}
c=null;
function doSlide(){
var x=ele.scrollLeft;
var d=this.index*w-x;
if(!d) return;
for(var i=0;i<n;i++)(function(){
if(timers[i])
clearTimeout(timers[i]);
var j=i;
timers[i]=setTimeout(function(){
ele.scrollLeft=x+Math.round(d*Math.sin(Math.PI*(j+1)/(2*n)));
},(i+1)*t);
})();
}
}
</script>
</head>
<body id=home>
<div id=outer>
<div id=wrapper>
<div id=content>
<div id=focus>

<ul id=beni>
<li><a href="#">opere e oggetti d'arte</a></li>
<li><a href="#">architettzure</a></li>
<li><a href="#">reperti archeologici</a></li>
<li><a href="#">stampe e matrici di incisione</a></li>
<li><a href="#">fotografie</a></li>

<li><a href="#">beni etnoantropologici</a></li>
</ul>
<div id=description>
<img src="http://www.lanrentuku.com/down/js/images/12447871590.jpg" />
</div>
</div>
</div>
</div>

</div>
</body>
</html>

]]> http://www.3code.cn/js-css-image-show/feed/ 0 CSS+JS图片提示框效果代码 http://www.3code.cn/css-js-tips/ http://www.3code.cn/css-js-tips/#comments Fri, 13 Nov 2009 09:18:14 +0000 admin http://www.3code.cn/?p=450 CSS+JS图片提示框效果代码

CSS+JS图片提示框效果代码

CSS+JS图片提示框效果代码

非常不错的CSS+JS图片提示框效果代码,推荐下载。

下载地址

]]> http://www.3code.cn/css-js-tips/feed/ 0 带缩略图的Flash+JS焦点广告图代码 http://www.3code.cn/flash-js-pic-code/ http://www.3code.cn/flash-js-pic-code/#comments Fri, 13 Nov 2009 09:08:03 +0000 admin http://www.3code.cn/?p=443
带缩略图的Flash+JS焦点广告图代码, Flash+JS，左右翻页,调用多张图片，推荐下载！

带缩略图的Flash+JS焦点广告图代码, Flash+JS，左右翻页,调用多张图片，推荐下载！




带缩略图的Flash+JS焦点广告图代码, Flash+JS，左右翻页,调用多张图片，推荐下载！

下载地址

]]> http://www.3code.cn/flash-js-pic-code/feed/ 0 PHP与JS结合带缩略图和文字说明的JS焦点图片轮换效果 http://www.3code.cn/php-js-ad/ http://www.3code.cn/php-js-ad/#comments Thu, 12 Nov 2009 02:14:02 +0000 admin http://www.3code.cn/?p=372 PHP与JS结合带缩略图和文字说明的JS焦点图片轮换效果

PHP与JS结合带缩略图和文字说明的JS焦点图片轮换效果

PHP与JS结合带缩略图和文字说明的JS焦点图片轮换效果

说明：
此实例使用了PHP从MYSQL中读取产品资料后。将相应的图片与说明传给JS。在JS中显示图片焦点轮换效果。当然可以将PHP改成其它语言如ASP+JS，ASP.net+JS, jsp+js 等。或者直接用HTML实现都是可以的。

本实例图片不提供，数据库不提供，只提供实现的方法。具体操作需要您结合您实际的应用。

下载：php-js-pic.rar

此文为本站原创，转载请标明出处：www.3code.cn 酷码资源

]]> http://www.3code.cn/php-js-ad/feed/ 0 JS大焦点图效果--探索频道 http://www.3code.cn/js-ad-tspd/ http://www.3code.cn/js-ad-tspd/#comments Fri, 06 Nov 2009 17:30:16 +0000 admin http://www.3code.cn/?p=281 探索频道JS大焦点图效果

探索频道JS大焦点图效果，效果很好，调用方便，推荐下载。

探索频道JS大焦点图效果

探索频道JS大焦点图效果

点击这里去下载!

整理：fmjoy 首发：懒人图库 出处：Discovery探索频道中文网

]]> http://www.3code.cn/js-ad-tspd/feed/ 0 JS焦点图广告代码--大耳朵 http://www.3code.cn/js-ad-drd/ http://www.3code.cn/js-ad-drd/#comments Fri, 06 Nov 2009 16:56:22 +0000 admin http://www.3code.cn/?p=274 JS焦点图广告代码--大耳朵

功能：可暂停播放，左右平滑滚动，按标签滚动，推荐下载！

By Chris Coyier, based upon lots of smart stuff by Remy Sharp,
significantly improved by Douglas Neiner

index

JS焦点图广告代码--大耳朵

本文转达自懒人图库 ， 点这里去下载!

]]> http://www.3code.cn/js-ad-drd/feed/ 0