Wordpress外贸企业主题, Wp企业主题, wordpress企业主题, wordpress主题定制, PHP代码, ASP代码, 精选JS代码, WORDPRESS, 网站SEO,Flash焦点广告,JS焦点广告,CSS技巧 | 九创主题 » Flash&JS焦点广告 http://www.3code.cn Wordpress外贸企业主题, Wp企业主题, wordpress企业主题, wordpress主题定制, PHP代码,ASP代码,精选JS代码,WORDPRESS,网站SEO,Flash焦点广告,JS焦点广告,CSS技巧 Wed, 16 May 2012 03:22:51 +0000 zh-cn hourly 1 http://wordpress.org/?v=3.1.1 完美页角卷页效果pageear(IE-FIREFOX) http://www.3code.cn/pageear-ie-firefox/ http://www.3code.cn/pageear-ie-firefox/#comments Fri, 25 Dec 2009 07:18:55 +0000 寒林 http://www.3code.cn/?p=1392 完美页角卷页效果pageear(IE-FIREFOX)

要做一个网页右上角卷页的效果，在网上找了好久，能找到一些flash效果，但是那些都是在IE下面可以，在FIREFOX下面，flash不是真正的透明的，虽然看上去是，但是会把flash下面网页的内容遮盖住，从而不能点击flash下面的按钮与文字等。

搜索中文内容怎么也找不到，只好在google上搜索英文资料。找到了一个叫pageear的东西，可以解决这个问题。下面就与大家分享一下解决方法。

一、解决思路
原理是用js调用flash,flash有两个，一个大的（pageear_b.swf）也就是展开后的效果，一个是小的(pageear_s.swf)是缩小后的效果。这两个flash文件不用作任何修改。

两个js文件，AC_OETags.js这个是调用flash的，不作修改。pageear.js这个是配置文件，是我们要修改的地方。

主要修改的地方是：
1.
pagearSmallImg：小图地址
pagearSmallSwf：小flash地址
pagearBigImg：大图地址
pagearBigSwf：大flash地址
jumpTo：点击后要去的页面URL
openOnLoad：页面加载时是否自动打开卷页效果，也就是说是否自动变大，否则将会直接显示一个小的卷页效果在右上角，鼠标放上去后才会展开。

2.
thumbWidth: 小图宽度
thumbHeight：小图高度
bigWidth: 大图宽度
bigHeigh:大图高度

可以点这里下载：pageear.zip

安装方法：

一、首先下载pageear.zip ，里面包含js文件，图片文件，flash文件，解压后将pageear文件夹传到你的网站空间上。注意：此效果只能在网上看到效果，用本地localhost看不到效果。

二、根据你所传的pageear文件夹所在位置，配置pageear.js文件。如上面所介绍的。

三、在要显示的网页上加入以下代码：

<script src="你的URL/AC_OETags.js" language="javascript"></script>
<script src="你的URL/pageear.js" type="text/javascript"></script>

放在<head>与</head>之间。

<script type="text/javascript">
writeObjects();
</script

放到</body>上面一行。

四、保存你的网页，刷新即可看到效果。

如果你按照料上述说明操作。到现在为止，你可以成功的在网页上放这个效果了。当然根据你的需要，你可以把两个图片换成你自己的图片。

扩展：如何在wordpress上面插入此效果？

方法基本相同。只是上面的代码可以改成:
<script src="<?php bloginfo('template_url'); ?>/pageear/AC_OETags.js" language="javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/pageear/pageear.js" type="text/javascript"></script>

在footer.php的</body>上面一行插入：
<script type="text/javascript">
writeObjects();
</script

前提是你要将pageear这个文件夹传到你的模板目录内。

好了，就说到这里，有不清楚的地方请在下面留言。希望对用到的朋友们有所帮助。

www.3code.cn 原创。转载请注明。

]]> http://www.3code.cn/pageear-ie-firefox/feed/ 2 网站首页焦点图广告代码 http://www.3code.cn/flash-js-ad-images/ http://www.3code.cn/flash-js-ad-images/#comments Wed, 09 Dec 2009 17:34:15 +0000 寒林 http://www.3code.cn/?p=1248 网站首页焦点图广告代码
flash+pic 效果自己下下来看看。

index

效果不错，比较适合做大图变换效果。

下载文件：adhome-3code.cn.zip

]]> http://www.3code.cn/flash-js-ad-images/feed/ 2 一款不错的国外FLASH焦点图代码 http://www.3code.cn/flash-ad-imagecode/ http://www.3code.cn/flash-ad-imagecode/#comments Sun, 06 Dec 2009 22:57:57 +0000 寒林 http://www.3code.cn/?p=1207 一款不错的国外FLASH焦点图代码

每一张焦点图还带有4张相关图片展示，形式比较奇特。
index


点此下载代码

]]> http://www.3code.cn/flash-ad-imagecode/feed/ 0 特酷的flash+xml产品相册展示效果 http://www.3code.cn/flash-xml-image-product/ http://www.3code.cn/flash-xml-image-product/#comments Sat, 28 Nov 2009 05:15:37 +0000 寒林 http://www.3code.cn/?p=862 特酷的flash+xml产品相册展示效果

flash xml 相册 照片展示 flash素材 flash源文件

很酷很实用的一款flash+xml图片展示程序，可以很方便的用于公司企业站的产品展示模块、相册展示、个人影集等。含flash源文件。强烈推荐下载。

很酷很实用的一款flash+xml图片展示

很酷很实用的一款flash+xml图片展示

flash-xml-1-3code.cn

效果演示 | 下载文件

转自ZCOOL

]]> http://www.3code.cn/flash-xml-image-product/feed/ 0 JS文字图片无缝滚动代码 http://www.3code.cn/js-scroll-2/ http://www.3code.cn/js-scroll-2/#comments Tue, 24 Nov 2009 15:20:50 +0000 寒林 http://www.3code.cn/?p=695 JS文字图片无缝滚动代码

JS文字图片无缝滚动代码,具体的效果就是图片循环滚动代码,通过一个javascript去控制一个table的整体滚动实现的，使用起来很方便，JS代码也很简单.

JS文字图片无缝滚动代码

JS文字图片无缝滚动代码




下载：本地下载jsad-scroll.rar

]]> http://www.3code.cn/js-scroll-2/feed/ 0 仿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 寒林 http://www.3code.cn/?p=562 仿FLASH的js焦点图片切换效果

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

js焦点广告图片切换效果

js焦点广告图片切换效果




下载此效果

]]> http://www.3code.cn/js-flash-image2/feed/ 2 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 寒林 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 Flash电子翻书效果代码 http://www.3code.cn/flashbook/ http://www.3code.cn/flashbook/#comments Fri, 13 Nov 2009 09:23:30 +0000 寒林 http://www.3code.cn/?p=453 Flash电子翻书效果代码

FlippingBook Flash翻书效果代码

FlippingBook Flash翻书效果代码

Flash电子翻书效果代码, 这是免费版本，只有10页，鼠标双击放大，支持鼠标滚轮翻页。

下载地址

]]> http://www.3code.cn/flashbook/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 寒林 http://www.3code.cn/?p=450 CSS+JS图片提示框效果代码

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

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

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

下载地址

]]> http://www.3code.cn/css-js-tips/feed/ 0 jQuery的图片展示特效代码 http://www.3code.cn/jquery-pic-cool/ http://www.3code.cn/jquery-pic-cool/#comments Fri, 13 Nov 2009 09:13:04 +0000 寒林 http://www.3code.cn/?p=447 jQuery的图片展示特效代码

基于jQuery的预览图展示特效代码

基于jQuery的预览图展示特效代码

下载地址

基于jQuery实现预览图+简介的内容展示代码，鼠标放在图片上可以产生多种效果，例如：显示简介，图片移动等。

]]> http://www.3code.cn/jquery-pic-cool/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 寒林 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 网站顶部Flash+xml-banner焦点图代码 http://www.3code.cn/flashxml-topbanner/ http://www.3code.cn/flashxml-topbanner/#comments Fri, 13 Nov 2009 09:04:02 +0000 寒林 http://www.3code.cn/?p=440 网站顶部Flash+xml-banner焦点图代码

网站顶部Flash+xml-banner焦点图代码

网站顶部Flash+xml-banner焦点图代码

网站顶部Flash+xml-banner焦点图代码， 采用flash+xml调用，效果流畅，推荐下载。

下载地址

]]> http://www.3code.cn/flashxml-topbanner/feed/ 0 Xml+Flash新闻广告焦点图代码 http://www.3code.cn/xml-flash-news/ http://www.3code.cn/xml-flash-news/#comments Fri, 13 Nov 2009 08:55:22 +0000 寒林 http://www.3code.cn/?p=436 Xml+Flash新闻广告焦点图代码

Xml+Flash焦点图广告代码

Xml+Flash焦点图广告代码

Xml+Flash新闻广告焦点图代码,中演票务通，Flash+Xml焦点图广告代码。

下载地址

]]> http://www.3code.cn/xml-flash-news/feed/ 0 7图大banner广告flash+xml代码 http://www.3code.cn/flash-xml-banner-7/ http://www.3code.cn/flash-xml-banner-7/#comments Fri, 13 Nov 2009 08:50:07 +0000 寒林 http://www.3code.cn/?p=432 7图大banner广告代码

7图大banner广告代码

7图大banner广告代码

flash+xml，带左右翻页按钮和数字按钮，图片尺寸970x272，推荐下载！

下载地址

]]> http://www.3code.cn/flash-xml-banner-7/feed/ 0 flash焦点广告大图代码[韩国] http://www.3code.cn/flash-pic-hg/ http://www.3code.cn/flash-pic-hg/#comments Thu, 12 Nov 2009 16:52:10 +0000 寒林 http://www.3code.cn/?p=394 flash焦点广告大图代码

效果不错，推荐下载。可以很方便的用到网站上去。

"]flash焦点广告大图代码[韩国]

下载文件 转自zcool

]]> http://www.3code.cn/flash-pic-hg/feed/ 0 有说明文字的flash焦点图广告代码 http://www.3code.cn/flash-jiaodian-text/ http://www.3code.cn/flash-jiaodian-text/#comments Thu, 12 Nov 2009 16:42:33 +0000 寒林 http://www.3code.cn/?p=391 有说明文字的flash焦点图广告代码

广告代码 焦点图 图片轮换 实用代码

广告代码 焦点图 图片轮换 实用代码

下载文件 转自zcool

]]> http://www.3code.cn/flash-jiaodian-text/feed/ 0 精美FLASH调用图片变换焦点效果 http://www.3code.cn/flash-pic-php/ http://www.3code.cn/flash-pic-php/#comments Thu, 12 Nov 2009 04:13:03 +0000 寒林 http://www.3code.cn/?p=380 精美FLASH调用图片变换焦点效果

FLASH焦点新闻广告代码

FLASH焦点新闻广告代码

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

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

下载：flash-pic.rar

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

]]> http://www.3code.cn/flash-pic-php/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 寒林 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 好看的地理官网FLASH焦点图展示 http://www.3code.cn/flash-ad-show/ http://www.3code.cn/flash-ad-show/#comments Sat, 07 Nov 2009 09:52:46 +0000 寒林 http://www.3code.cn/?p=290 好看的地理官网FLASH焦点图展示:


国家地理官网FLASH焦点图展示

国家地理官网FLASH焦点图展示

来源：National Geographic 代码整理：懒人图库

本站推荐收集一些好的FLASH焦点广告、JS焦点广告效果，不提供下载。

下载请到来源网站下载。点击这里转到下载页面!

]]> http://www.3code.cn/flash-ad-show/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 寒林 http://www.3code.cn/?p=281 探索频道JS大焦点图效果

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

探索频道JS大焦点图效果

探索频道JS大焦点图效果

点击这里去下载!

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

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