本书介绍
你是不是对Django的学习感到迷茫?是不是对网上零星的教程感到绝望?是不是苦于没有可以迅速上手的实例而发愁?如果你同我一样有这些感受,那么《Django.By.Example》这本书将是你指路的明灯。
本书基于Django1.8 + Python3.4的环境,里面包含了个人博客、社交网站、购物平台等具有实际项目意义的Django实例,按部就班的学习会快速提升你的Django水平。笔者英文苦手,尝试着把它翻译出来,以便大家阅读和学习。不过笔者更推荐大家阅读英文原文。
让我们愉快的学习Django吧!
章节介绍
第1章,建立一个博客应用,通过创建博客应用来向你介绍Django框架。你将创建基本的博客模型(models)、视图(views)、模板(templates)和网址(urls)来显示博客文章。你将学会如何使用Django ORM生成的查询集,以及如何配置Django管理站点。
在这本书中,你将学习如何建立完整的、可实际应用的Django项目。如果你还没有安装Django,那么,第一章将教您如何安装。
本章将介绍如何创建一个使用Django的简单的博客项目。目的在于让你对Django的工作流程有一个全面的了解,了解不同的组件之间如何相互作用,让您轻松掌握如何创建具有基本功能的Django项目。
本章将包括以下几点:
安装Django并创建您的第一个项目
设计模型(model)和模型迁移
为您的模型创建一个管理站点
查询(QuerySet)和管理工作
建立视图(Views)、模板(templates)和URL
添加分页列表视图
使用Django基于类的视图
安装Django
如果你已经安装了Django,那么完全可以跳过这部分,直接创建你的第一个项目。
Django是一个Python包,因此可以安装在任何Python环境。Django的工作环境可以是Python2.7或Python3。在这本书中的例子,我们将使用Python3。如果你使用Linux或Mac OS X,你可能已经安装了Python。你可以打开终端控制器,输入python。如果你看到下面这样的东西,那么说明Python已经安装在你的电脑里:
Python 3.5.0 (v3.5.0:374f501f4567, Sep 12 2015, 11:00:19)
[ GCC 4.2.1 (Apple Inc. build 5666) (dot 3)] on darwin Type "help", "copyright", "credits" or "license" for more information.
>>>
如果您安装的Python版本低于3,或是没有安装Python在您的电脑上,从http://www.python.org/download/3.5.0下载并安装Python。
如果你已经开始使用Python 3,那么就不需要安装数据库。这个版本的Python自带的SQLite数据库。
SQLite是一个轻量级的数据库,你可以用于Django开发,但是不要在正式生产环境中部署SQLite,你应该使用更为先进,安全的数据库,比如PostgreSQL,MySQL或Oracle。
创建一个独立的Python环境
建议您使用virtualenv创建独立的Python环境,安装之后,你可以针对不同的Django项目使用不同版本的Python开发环境。这远比安装Python全版本环境更实用。使用virtualenv的另一个优点是,你不需要任何管理员权限来安装Python包。在shell运行以下命令安装virtualenv:
pip install virtualenv
安装virtualenv后,创建一个独立的Pyhton环境:
virtualenv my_env
这将创建一个my_env/目录,里面包含你创建的Python环境。任何Python库,任何你安装的Python库都会存放于my_env/lib/python3.5/site-packages目录里面。
如果你的系统自带Python2.x,在你安装Python3.X版本之后,你必须告诉virtualenv应该使用后者。你可以找到Python3的安装路径,使用以下命令创建虚拟环境:
zenx$ *which python3* /Library/Frameworks/Python.framework/Versions/3.5/bin/python3 zenx$ *virtualenv my_env -p /Library/Frameworks/Python.framework/Versions/3.5/bin/python3*
运行下面的命令来启动虚拟环境:
source my_env/bin/activate
出现以下情形就说明你已经开启虚拟环境,并且正在使用它:
(my_env)laptop:~ zenx$
你可以使用deactivate命令来随时关闭虚拟环境。使用virtualenvwrapper。此工具提供了包装器,使它更容易创建和管理你的虚拟环境。
译者注:
其实笔者更推荐pyenv和virtualenv搭配使用,pyenv是个多版本python管理器,可以同时管理多个python版本共存,并且以pyenv-virtualenv插件的形式支持virtualenv。
用pip安装Django
pip是安装Django的首选方法。在Python3.5版本中自带pip,运行以下命令安装Django:
pip install Django==1.8.6
Django安装在虚拟环境目录下的site-packages/
现在看看Django是不是已经安装成功。在终端和运行以下命令:
>>> import django
>>> django.VERSION
django.VERSION(1, 8, 5, 'final', 0)
如果你看到以上信息,就说明你安装成功!
原文链接:http://www.landsblog.com/blog/content/djangoexample
更多译文:http://www.landsblog.com/blog/tag/translate
(译者:蘭兹)
posted @2016-07-27 21:09Data&Truth阅读(...) 评论(...)编辑收藏
什么时候会用到virtualenv?
假设系统中的两个应用,其中A应用对库LibFoo的版本要求为1,而B应用对同一个库LibFoo的版本要求为2,两个应用对同一个库的要求想冲突了,而系统中库默认都安装到/usr/lib/python2.7/site-packages,那么如何能够同时使用这两个应用呢?
你的用户权限不够,使得无法将包安装到site-packages目录
需要使用一个应用,并且与系统其它应用相独立。
如果你遇到以上的问题,那么virtualenv会对你有帮助。virtualenv可以创建一个环境,拥有着自己的安装目录,而不会与系统的共享库或者其它virtualenv环境相干扰。
1、安装virtualenv
在安装virtualenv之前,我们需要安装至少有一个版本的Python;因为virtualenv是python的一个第三方模块,必须基于python环境才能安装;
如果你的python环境有pip,那么直接使用命令:
1
pip install virtualenv
安装即可;否则需要下载源码,然后使用命令:python install setup.py 来安装
安装之后需要新建virtualenv的独立环境,具体可以查看其帮助命令:
1
virtualenv-h
常用的参数有:
-p:指定一个版本python环境;通常当你的系统中安装了多个python版本时会用到;默认情况下virtualenv会优先选取它的宿主python环境,即它安装在那个python版本下就会默认选择哪个版本作为默认python隔离环境。
--no-site-packages:不使用系统环境的python安装包,即隔离包中不能使用真实python环境的安装包;当前版本这个选项是默认的。
--system-site-packages:与上面相反,使隔离环境能访问系统环境的python安装包
--distribute:copy一个python环境的分支,默认会安装setup、pip、wheel等基础模块
2、激活
安装完了之后就可以创建一个隔离环境了,使用命令:
1
2
3virtualenv envname##创建一个新的隔离环境
cdenvname
Scripts\activate##激活并切换到virtualenv环境
3、使用
创建并激活virtualenv环境后我们就可以正常的方式来使用和安装python安装包及模块了。也可以直接切换到需要执行的python文件目录,使用python xxx.py来保证在隔离环境下执行python文件。
即:我们在需要使用virtualenv环境之前,只要先激活然后使用以往同样的方式来执行python操作、运行python文件即可
1
2
3
4cdmy_project_folder
virtual ENV
source bin/activate
deactivate
以上就是virtualenv的基本使用过程。首先,virtual ENV会在当前目录创建名为ENV的虚拟环境,此时在当前目录会自动生成三个目录:bin, include和lib。默认情况下创建的虚拟环境会依赖于系统中的site-packages,即系统中已经安装好的库在虚拟环境中仍然可以使用,如果想去除依赖,那么可以:
1
virtualenv --no-site-packagesENV
。通过source bin/activate可以启动当前目录下的虚拟环境。启动后,shell的提示符就会发生改变,表示进入了虚拟环境。使用deactivate离开虚拟环境。
4、集成到开发环境
当前在PyCharm中是支持virtualenv环境集成的,其它的IDE暂时未研究,集成也是很方便的:
(1)新建一个项目
(2)点击解释器栏的设置icon
(3)选择virtualenv
(4)可以新建也可以选择一个已有的virtualenv环境
配置到之后我们也可以在该项目中测试下,选择一个区别与系统环境的安装模块,查看下其版本是否正确,我这里因为有2个django版本,所以使用django模块来测试的,得到的是正确的结果。
如对本文有疑问,请提交到交流社区,广大热心网友会为你解答!!点击进入社区
您可能感兴趣的文章:
利用pyinstaller或virtualenv将python程序打包详解
python 安装virtualenv和virtualenvwrapper的方法
Linux安装Python虚拟环境virtualenv的方法
Windows上使用virtualenv搭建Python+Flask开发环境
CentOS中使用virtualenv搭建python3环境
Tags:VirtualenvPython
相关文章
2014-11-11关于你不想知道的所有Python3 unicode特性
2015-05-05Python实现给qq邮箱发送邮件的方法
2014-08-08Python3实现连接SQLite数据库的方法
2017-05-05Python实现SSH远程登陆,并执行命令的方法(分享)
2014-10-10基于python编写的微博应用
2013-02-02linux下安装easy_install的方法
2015-06-06Python使用ftplib实现简易FTP客户端的方法
2015-04-04python通过smpt发送邮件的方法
2017-07-07python 中random模块的常用方法总结
2014-11-11Python3 正在毁灭 Python的原因分析
最新评论
评论(0人参与,0条评论)
来说两句吧...
等级不够,发表评论升至指定级别才能获得该特权。详情请参见等级说明。
还没有评论,快来抢沙发吧!
(adsbygoogle = window.adsbygoogle || []).push({});
大家感兴趣的内容
(adsbygoogle=window.adsbygoogle||[]).push({});
最近更新的内容
品牌服务器租用集思网络
VPS主机枫信科技
IDC服务商
常用在线小工具
var cpro_id="u1397867";(window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"300",rsi1:"380",pat:"6",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"1",adp:"1",ptt:"0",titFF:"%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91",titFS:"14",rss2:"#000000",titSU:"0",ptbg:"90",piw:"0",pih:"0",ptp:"0"}
关于我们-广告合作-联系我们-免责声明-网站地图-投诉建议-在线投稿
©CopyRight 2006-2017 JB51.Net Inc All Rights Reserved. 脚本之家 版权所有
(function(){
var bp = document.createElement('script');
bp.src = '//push.zhanzhang.baidu.com/push.js';
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
if (top.location != self.location)top.location=self.location;
$(function(){
$('#content').find('img').each(function(){
var img = this;
if (img.width >= 650){
img.style.width = "650px";
img.style.height = "auto";
//$(img).removeAttr('height');
var aTag = document.createElement('a');
aTag.href = img.src;
aTag.target="_blank";
$(aTag).addClass('bPic')
.insertAfter(img).append(img)
}
});
$(window).scroll(function()
{
//rFixedBox跟随滚动
var h = $(window).height();
var top = $(window).scrollTop();
var rFixedBox = $('.rFixedBox').prev().offset();
var fixedTop = rFixedBox.top;
if(top>=fixedTop+344)
{
var h1 = parseInt($('#content').children('.main').height());
if(parseInt(top) + 340 < h1){
$('.rFixedBox').css({'position':'fixed','top': 0});
}else{
$('.rFixedBox').css({'position':'absolute','top': h1-510});
}
}
else
{
$('.rFixedBox').css({'position':'static', 'top':0});
}
/* return true;*/
});
/*$(document).ready(function() {
$("#content img").unveil();
}); */
SyntaxHighlighter.autoloader(
'applescript /jslib/syntaxhighlighter/scripts/shBrushAppleScript.js',
'actionscript3 as3 /jslib/syntaxhighlighter/scripts/shBrushAS3.js',
'bash shell /jslib/syntaxhighlighter/scripts/shBrushBash.js',
'coldfusion cf /jslib/syntaxhighlighter/scripts/shBrushColdFusion.js',
'cpp c /jslib/syntaxhighlighter/scripts/shBrushCpp.js',
'obj-c objc /jslib/syntaxhighlighter/scripts/shBrushObjC.js',
'c# c-sharp csharp /jslib/syntaxhighlighter/scripts/shBrushCSharp.js',
'css /jslib/syntaxhighlighter/scripts/shBrushCss.js',
'delphi pascal /jslib/syntaxhighlighter/scripts/shBrushDelphi.js',
'diff patch pas /jslib/syntaxhighlighter/scripts/shBrushDiff.js',
'erl erlang /jslib/syntaxhighlighter/scripts/shBrushErlang.js',
'groovy /jslib/syntaxhighlighter/scripts/shBrushGroovy.js',
'haxe hx /jslib/syntaxhighlighter/scripts/shBrushHaxe.js',
'java /jslib/syntaxhighlighter/scripts/shBrushJava.js',
'jfx javafx /jslib/syntaxhighlighter/scripts/shBrushJavaFX.js',
'js jscript javascript /jslib/syntaxhighlighter/scripts/shBrushJScript.js',
'perl pl /jslib/syntaxhighlighter/scripts/shBrushPerl.js',
'php /jslib/syntaxhighlighter/scripts/shBrushPhp.js',
'text plain /jslib/syntaxhighlighter/scripts/shBrushPlain.js',
'py python /jslib/syntaxhighlighter/scripts/shBrushPython.js',
'ruby rails ror rb /jslib/syntaxhighlighter/scripts/shBrushRuby.js',
'scala /jslib/syntaxhighlighter/scripts/shBrushScala.js',
'sql /jslib/syntaxhighlighter/scripts/shBrushSql.js',
'vb vbnet /jslib/syntaxhighlighter/scripts/shBrushVb.js',
'ps powershell /jslib/syntaxhighlighter/scripts/shBrushPowerShell.js',
'xml xhtml xslt html /jslib/syntaxhighlighter/scripts/shBrushXml.js'
);
SyntaxHighlighter.all();
});
var ourl="";jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();
站长统计站长统计window.changyan.api.config({
appid: 'cyrHH3dwi',
conf: 'prod_1dc5dc80970106099d43fe242b7465fc'
});
#f21ac82b21eeb7322631b6aa94e17f45aezzp1 {position:absolute;top:0;left:0;right:auto;bottom:auto;margin:0;padding:0;border:0;width:200px;background:transparent;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1 div{float:left;width:144px;height:17px;line-height:17px;margin:3px 0 0 -2px;background:url(//ecma.bdimg.com/public03/imageplus/tip-back.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-back.png');font-family:sans-serif;text-align:center;font-size:12px;color:#666;padding:8px 10px;display:none;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1-icon {float:left;height:38px;width:38px;cursor:default;background:url(//ecma.bdimg.com/public03/imageplus/tip.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip.png');-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1-icon:hover {float:left;height:38px;width:38px;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1 #f21ac82b21eeb7322631b6aa94e17f45aezzp1-icon:hover {background:url(//ecma.bdimg.com/public03/imageplus/tip-hover.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-hover.png');}
查看标识获取更多信息
.baiduimageplus-s-multimedia{position:relative}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-hd{height:26px;line-height:26px;text-indent:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-hd a{color:#fff;text-decoration:none;font-size:14px}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd{position:relative;margin:8px 20px;height:100%;overflow:hidden;_zoom:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd-scroll-style{margin:5px 20px!important}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-img-ctn{position:relative;overflow:hidden;height:60px;z-index:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-img-ctn img{border:0}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd-no-vbar_arrow .baiduimageplus-s-multimedia-img-ctn{margin:0 auto}
.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-flash-link{position:absolute;top:0;left:0;background:#fff;opacity:0;filter:alpha(opacity=0);height:60px;z-index:2}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-img-ctn-expanded{overflow:visible}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd-arrow .baiduimageplus-s-multimedia-img-ctn{float:left}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-arrow-ctn{float:right;height:60px;text-align:center}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-arrow-ctn .baiduimageplus-s-multimedia-arrow-link{cursor:pointer;display:inline-block;*display:inline;*zoom:1;width:100px;height:60px;background:url(//ecma.bdimg.com/adtest/2c07e2c7fcdf28d4d7372d324e7e4364.png) no-repeat;_background:none;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,src="https://ecma.bdimg.com/adtest/2c07e2c7fcdf28d4d7372d324e7e4364.png",sizingMethod="crop")}
.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-vbar{position:absolute;top:0;right:0;width:10px;height:60px;background:url(//ecma.bdimg.com/adtest/002c3095a57ec978b16540217fe5cccc.png) repeat-y;z-index:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-hbar{position:absolute;top:50px;left:0;height:10px;width:100%;background:url(//ecma.bdimg.com/adtest/9507def6acde0ba0a71a6cd3f9376c6f.png) repeat-x;z-index:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-logo-scrollstyle{bottom:5px}.baiduimageplus-s-pa-adslogo{position:absolute;bottom:0;right:31.2px;z-index:3;height:16.8px;width:16.8px;background:url(//ecma.bdimg.com/public03/imageplus/logo/pc_ads_logo_20161223.png) no-repeat;background-size:100% 100%;display:none}.baiduimageplus-s-pa-adstext{position:absolute;right:0;bottom:0;width:31.2px;height:16.8px;overflow:hidden;z-index:12;background:url(//ecma.bdimg.com/public03/imageplus/logo/pc_ads_20161223.png) no-repeat;background-size:100% 100%}
.baiduimageplus-s,.baiduimageplus-s-wrap,.baiduimageplus-s-bg,.baiduimageplus-s-close,.baiduimageplus-s-bd-inner{float:none;margin:0;padding:0;border:0;overflow:hidden;position:static;display:block;visibility:visible;text-align:left;background:transparent;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;top:0;left:0;bottom:auto;right:auto;width:100%;height:0;overflow:visible!important}.baiduimageplus-s-wrap{-webkit-transition:top .5s,height .5s;-moz-transition:top .5s,height .5s;-ms-transition:top .5s,height .5s;-o-transition:top .5s,height .5s;transition:top .5s,height .5s}.baiduimageplus-s-bg{height:100%;z-index:1;background:#000}.baiduimageplus-s-bd{position:relative;z-index:2;height:100%;overflow:hidden!important}.baiduimageplus-s-bd-inner{height:auto}.baiduimageplus-s-close{display:none;top:-25px;left:auto;right:0;z-index:3;width:25px;height:25px;overflow:hidden!important;text-indent:-9999px;background:url(//ecma.bdimg.com/public03/imageplus/v2/dock/close.png) no-repeat 0 0 transparent}
#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-wrapper{display:none;position:absolute;top:-24px;left:0;z-index:4;line-height:24px;height:24px;font-size:14px;text-indent:10px}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-wrapper a{color:#fff;text-decoration:none}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-ctn{position:relative;float:left;overflow:hidden}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-bg{position:absolute;top:0;left:0;background:#000;opacity:.75;filter:alpha(opacity=75);height:24px;width:100%;z-index:-1}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-triangle{float:left;width:14px;height:24px;background:url("http://ecma.bdimg.com/adtest/a8cc90e9e668754d6cf3bd5ae90b9945.png") no-repeat 0 0;background:none \9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='http://ecma.bdimg.com/adtest/a8cc90e9e668754d6cf3bd5ae90b9945.png')\9}
#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-visible .baiduimageplus-s-multimedia-title-wrapper{display:block}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-visible .baiduimageplus-s-bd-inner{top:-26px}
#f21ac82b21eeb7322631b6aa94e17f4526e8wl {position:absolute;top:0;left:0;right:auto;bottom:auto;margin:0;padding:0;border:0;width:200px;background:transparent;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl div{float:left;width:144px;height:17px;line-height:17px;margin:3px 0 0 -2px;background:url(//ecma.bdimg.com/public03/imageplus/tip-back.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-back.png');font-family:sans-serif;text-align:center;font-size:12px;color:#666;padding:8px 10px;display:none;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl-icon {float:left;height:38px;width:38px;cursor:default;background:url(//ecma.bdimg.com/public03/imageplus/tip.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip.png');-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl-icon:hover {float:left;height:38px;width:38px;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl #f21ac82b21eeb7322631b6aa94e17f4526e8wl-icon:hover {background:url(//ecma.bdimg.com/public03/imageplus/tip-hover.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-hover.png');}
查看标识获取更多信息
.baiduimageplus-s-pa{position:relative;width:100%;height:110px;overflow:hidden;cursor:default;-webkit-transition:top .5s;-moz-transition:top .5s;-ms-transition:top .5s;-o-transition:top .5s;transition:top .5s}.baiduimageplus-s-pa p{background:none}.baiduimageplus-s-pa a{outline:0;text-decoration:none}.baiduimageplus-s-pa a:hover{text-decoration:underline}.baiduimageplus-s-pa .baiduimageplus-s-pa-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.baiduimageplus-s-pa .baiduimageplus-s-pa-ct{position:relative;z-index:2}.baiduimageplus-s-pa .baiduimageplus-s-pa-hd{height:26px;overflow:hidden;line-height:26px}.baiduimageplus-s-pa .baiduimageplus-s-pa-hd .baiduimageplus-s-pa-hd-title-cell{font-size:14px;color:#FFF;height:100%;text-align:center!important;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #FFF}
.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu{position:relative;overflow:hidden;zoom:1;padding:0;margin:0}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper{width:90%;height:84px;float:left;overflow:hidden;position:relative;left:5px}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter{height:84px;overflow:hidden;position:absolute;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell{width:100px;height:72px;overflow:hidden;background-color:#FFF;margin:4px 5px;padding:0;float:left;border:2px solid #000;position:relative}
.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:hover{border-color:#d1111c}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:hover .baiduimageplus-s-pa-bd-lu-title{background-color:#d1111c}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell img{width:100px;height:50px;display:block;border:0;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s}
.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell .baiduimageplus-s-pa-bd-lu-title{position:absolute;font:14px/1.5 arial,sans-serif;bottom:0;left:0;width:100%;height:22px;display:block;line-height:22px;background-color:#000;text-align:center;color:#FFF}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:first-child{margin-left:0}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:last-child{margin-right:0}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .ad-widget-imgps-sticker-html-btn{margin-top:5px;height:75px;width:20px;cursor:pointer;-webkit-transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-o-transition:background .4s;transition:background .4s}
.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_left{width:20px;float:left;background:url(http://ecmb.bdimg.com/public03/imageplus/sticker/leftbtn.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_left:hover{background:#20439d url(http://ecmb.bdimg.com/public03/sticker/leftbtn_hover.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_right{width:20px;float:right;background:url(http://ecmb.bdimg.com/public03/imageplus/sticker/rightbtn.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_right:hover{background:#20439d url(http://ecmb.bdimg.com/public03/sticker/rightbtn_hover.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-logo{position:absolute;bottom:0;right:0;z-index:3;height:18px;width:18px;text-indent:-9999px;background:url(http://cpro.baidustatic.com/cpro/ui/noexpire/img/2.0.1/bg.png) no-repeat left top;background-position:0 0;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,src="http://cpro.baidustatic.com/cpro/ui/noexpire/img/2.0.1/bg.png",sizingMethod="crop");_background:none}
.ad-widget-imageplus-sticker{font:12px/1.5 arial,sans-serif;position:absolute;left:0;width:100%;display:none;overflow:hidden;color:#FFF;background:transparent;-webkit-transition:height .5s,top .5s;transition:height .5s,top .5s}.ad-widget-imageplus-sticker div{background:transparent}.ad-widget-imageplus-sticker-cut{display:block}.ad-widget-imageplus-sticker-bg{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:#000!important;box-shadow:2px 2px 4px #000}.ad-widget-imageplus-sticker-bd{position:relative;z-index:2;left:0;top:0;width:100%;overflow:hidden}.ad-widget-imageplus-sticker-close{position:absolute;z-index:3;right:0;top:5px;width:25px;height:25px;line-height:25px;text-decoration:none;text-align:center;font-size:18px;color:#FFF!important}.ad-widget-imageplus-sticker-close:hover{background-color:#000}
.ad-widget-imageplus-sticker-theme-white{color:#333}.ad-widget-imageplus-sticker-theme-white .ad-widget-imageplus-sticker-bg{background:#FFF!important;box-shadow:2px 2px 4px #FFF}.ad-widget-imageplus-sticker-theme-white .ad-widget-imageplus-sticker-close{color:#666!important}.ad-widget-imageplus-sticker-theme-white .ad-widget-imageplus-sticker-close:hover{background-color:#FFF!important}.ad-widget-imageplus-sticker-theme-none{color:#333}.ad-widget-imageplus-sticker-theme-none .ad-widget-imageplus-sticker-bg{background:transparent!important;box-shadow:none}.ad-widget-imageplus-sticker-theme-none .ad-widget-imageplus-sticker-close{color:#666!important}.ad-widget-imageplus-sticker-theme-none .ad-widget-imageplus-sticker-close:hover{background-color:#FFF!important}.ad-widget-imageplus-sticker-theme-none-white{color:#333}
.ad-widget-imageplus-sticker-theme-none-white .ad-widget-imageplus-sticker-bg{background:transparent!important;box-shadow:none}.ad-widget-imageplus-sticker-theme-none-white-2 .ad-widget-imageplus-sticker-bg{background:transparent!important;box-shadow:none}.ad-widget-imageplus-sticker-theme-none-white-2 .ad-widget-imageplus-sticker-close{top:0;text-indent:-9999px;background:url(http://ecma.bdimg.com/public03/imageplus/v2/dock/close.png) no-repeat 0 0 transparent}.ad-widget-imageplus-sticker-theme-v2 .ad-big-title{position:relative;top:0;opacity:1;filter:alpha(opacity=100);-webkit-transition:top .5s,opacity .6s;transition:top .5s,opacity .6s}.ad-widget-imageplus-sticker-theme-v2 .ad-widget-imageplus-sticker-showing .ad-big-title{position:relative;top:-36px;opacity:0;filter:alpha(opacity=0)}.ad-widget-imageplus-sticker-theme-v2 .ad-widget-imageplus-sticker-showing .ad-widget-imageplus-sticker-bg{top:26px}
.ad-widget-imageplus-sticker-theme-v2 .ad-widget-imageplus-sticker-close{top:0;text-indent:-9999px;background:url(http://ecma.bdimg.com/public03/imageplus/v2/dock/close.png) no-repeat 0 0 transparent}.ad-widget-imageplus-sticker-thumbnail{font:12px/1.5 arial,sans-serif;position:absolute;right:0;top:0;height:20px;width:100px;overflow:hidden;background:transparent;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;transition:height .5s;background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)}.ad-widget-imageplus-sticker-thumbnail a{float:right;width:100px;height:20px;line-height:20px;text-align:center;color:white;background:transparent;text-decoration:none}
.ad-widget-imageplus-sticker-thumbnail i{width:12px;height:8px;margin-top:6px;margin-left:5px;display:block;float:left;background:url('http://ecma.bdimg.com/adtest/8e547549c94ab88c81b644d5ff63b0d3.png') no-repeat 0 0;background:none \9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='http://ecma.bdimg.com/adtest/8e547549c94ab88c81b644d5ff63b0d3.png')\9}.ad-widget-imageplus-sticker-close-newstyle{top:0;text-indent:-9999px;background:url(http://ecmb.bdimg.com/public03/v2/dock/iconfont-close.png) no-repeat 0 0 transparent!important}.ad-widget-imageplus-sticker-showing .baiduimageplus-s-pa-hd{opacity:0;filter:alpha(opacity=0)}
服务器租用
免费云主机试用一年
上海注册公司
那个云主机便宜
真正云主机
便宜云虚拟主机