<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>网聚中国互联网企业--www.163css.com</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META http-equiv=X-UA-Compatible content=IE=EmulateIE7>
<LINK media=all href="style/163css.css" type=text/css rel=stylesheet>
<SCRIPT src="js/163css.js" type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.6000.17063" name=GENERATOR></HEAD>
<BODY>
<div id="container">
<div class="left">
<DIV class=s-t>
<H3 class=diet>网聚中国互联网企业--www.163css.com</H3><SPAN class=date id=dailyDate><EM
class=ym>2010-07</EM><EM class=day>09</EM></SPAN>
</DIV>
<DIV class=s-c>
<H4 id=dailyTitle>广州网页设计制作</H4>
<DIV class=s-main>
<DIV class=pics>
<P class="p1"><a href="http://www.163css.com"><img alt="www.163css.com" id=dailyImage src="http://www.163css.com/myweb/jmeii/template/haoqi/images/mp-img04.jpg"></a></P>
<P class=tip id=dailyImageFrom>www.163css.com</P>
</DIV>
<DIV class=s-detail>
<DIV class=cnt id=dailyContent>
林炜贤,2007年毕业于广东工业大学,管理学学士,就职于广州简美网络科技有限公司担任web前端开发程师,擅长css及js实现各种web页面及特效!
</DIV>
</DIV>
</DIV>
</div>
</div>
<DIV class=right>
<DIV class=slide-pic id=slidePic>
<A class=gray id=prev hideFocus href="javascript:;">前移</A>
<DIV class=pic-container>
<UL>
<LI class=cur>
<P><IMG src="images/1278306844-293.jpg"> <SPAN
class=date>2010-07-09</SPAN> </P>
<LI class="">
<P><IMG src="images/1278066548-532.jpg"> <SPAN
class=date>2010-07-08</SPAN> </P>
<LI class="">
<P><IMG src="images/1278066264-139.jpg"> <SPAN
class=date>2010-07-07</SPAN> </P>
<LI class="">
<P><IMG src="images/1276251116-227.jpg"> <SPAN
class=date>2010-07-06</SPAN> </P>
<LI class="">
<P><IMG src="images/1278573723-964.jpg"> <SPAN
class=date>2010-07-05</SPAN> </P></LI>
</UL>
</DIV>
<A id=next hideFocus href="javascript:;">后移</A>
</DIV>
<SCRIPT type=text/javascript>
var areaDailyList = [{"content":"我喜欢互联网,更喜欢web前端开发的各种技术,我认为css和js天生就是应该结合在一起的,这两种技术可以产生无数让人惊叹的效果!<br>","id":29,"title":"广州网页设计制作","image":"http:\/\/www.163css.com\/myweb\/jmeii\/template\/haoqi\/images\/gz02.jpg","date":"2010-07-09","imageFrom":"www.163css.com"},{"content":"重构设计,不但要掌握看家技术css和js,还要学会ps,因为我们要和设计师打交道,也不开服务器端技术,比如php或是c#,因为我们同样要和程序员交流,前端技术ajax就是一个非常好的例子!","id":28,"title":"广州网页设计制作","image":"http:\/\/www.163css.com\/myweb\/jmeii\/template\/haoqi\/images\/tc11.jpg","date":"2010-07-08","imageFrom":"www.163css.com"},{"content":"我的目标是要成为中国最优秀的前端开发,并为之而不契努力!把我的才能贡献给互联网事业!","id":27,"title":"广州网站设计制作","image":"http:\/\/www.163css.com\/myweb\/jmeii\/template\/haoqi\/images\/fz07.jpg","date":"2010-07-07","imageFrom":"www.163css.com"},{"content":"林炜贤,2007年毕业于广东工业大学,管理学学士,就职于广州简美网络科技有限公司担任web前端开发程师,擅长css及js实现各种web页面及特效!","id":20,"title":"林炜贤","image":"http:\/\/www.163css.com\/myweb\/jmeii\/template\/haoqi\/images\/xz03.jpg","date":"2010-07-06","imageFrom":"www.163css.com"},{"content":"我喜欢互联网,更喜欢web前端开发的各种技术,我认为css和js天生就是应该结合在一起的,这两种技术可以产生无数让人惊叹的效果!","id":24,"title":"网页重构","image":"http:\/\/www.163css.com\/myweb\/jmeii\/template\/haoqi\/images\/tc01.jpg","date":"2010-07-05","imageFrom":"www.163css.com"}];
jQuery(function(){
if (!$('#slidePic')[0])
return;
var i = 0, p = $('#slidePic ul'), pList = $('#slidePic ul li'), len = pList.length;
var elePrev = $('#prev'), eleNext = $('#next');
//var firstClick = false;
var w = 100, num = 3;
p.css('width',w*len);
if (len <= num)
eleNext.addClass('gray');
function prev(){
if (elePrev.hasClass('gray')) {
//alert('已经是第一张了');
return;
}
p.animate({
marginTop:-(--i) * w
},500);
if (i < len - num) {
eleNext.removeClass('gray');
}
if (i == 0) {
elePrev.addClass('gray');
}
}
function next(){
if (eleNext.hasClass('gray')) {
//alert('已经是最后一张了');
return;
}
//p.css('margin-left',-(++i) * w);
p.animate({
marginTop:-(++i) * w
},500);
if (i != 0) {
elePrev.removeClass('gray');
}
if (i == len - num) {
eleNext.addClass('gray');
}
}
elePrev.bind('click',prev);
eleNext.bind('click',next);
pList.each(function(n,v){
$(this).click(function(){
if(n-i == 2){
next();
}
if(n-i == 0){
prev()
}
$('#slidePic ul li.cur').removeClass('cur');
$(this).addClass('cur');
show(n);
}).mouseover(function(){
$(this).addClass('hover');
}).mouseout(function(){
$(this).removeClass('hover');
})
});
function show(i){
var ad = areaDailyList[i];
var t = ad.date.split('-');
$('#dailyTitle').html(ad.title);
$('#dailyImage').attr('src',ad.image);
$('#dailyImageFrom').html('' + ad.imageFrom + '');
$('#dailyContent').html(ad.content);
$('#dailyDate').html('<em class="ym">' + t[0] + '.' + t[1] + '</em><em class="day">' + t[2] + '</em>');
var shareRRUrl = encodeURIComponent('http://www.nuomi.com/share365/'+ad.id);
var shareUrl = encodeURIComponent('http://www.nuomi.com/#reading');
var shareTitle = encodeURIComponent(ad.title + 'http://www.163css.com');
var shareContent = encodeURIComponent(ad.content.substring(0,100)+'...');
}
});
</SCRIPT>
</DIV>
</div>
</BODY>
</HTML>
JS+CSS个性的产品图片+简介展示效果.rar （15个子文件） 
codefans.net 糯米网产品展示效果制作 images 
1276418251-432.png 52KB
1278306844-293.jpg 16KB
xdot.gif 9KB a.gif 43B slide.png 1KB suggest.png 591B 1278066548-532.jpg 11KB
Thumbs.db 77KB 1278066264-139.jpg 7KB 1278573797-751.jpg 8KB 1276251116-227.jpg 16KB 1278573723-964.jpg 10KB js 163css.js 70KB
index.html 6KB style 163css.css 3KB资源评论
a350752425
- 粉丝: 54
- 资源: 2132
最新资源
- c++在链表的末尾插入一个节点
- YOLO手掌数据集训练集3
- 基于springboot的医药管理系统源码+论文+开题报告
- YOLO手掌数据集训练集5
- PHPMYSQL会员系统的开发（下）PHP100视频教程52最新版本
- c++给定一个链表，任务是在这个给定的链表中的以下位置插入一个新节点
- YOLO拳头训练集数据集1
- YOLO拳头训练集数据集2
- PHPMYSQL会员系统的开发(上)PHP100视频教程51最新版本
- Java项目:便利店信息管理系统(java+SpringBoot+Mybaits+Vue+elementui+mysql)
- YOLO拳头训练集数据集3
- AjaxPHP检查用户名或邮件（三）php100视频教程50附源文件打包最新版本
- Cake中文手册chm版最新版本
- Java项目:便利店信息管理系统(java+SpringBoot+Mybaits+Vue+elementui+mysql)
- AjaxPHP打造等待进度条效果（二）视频教程最新版本
- 游戏_202501111024_08322.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
