源码

作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的工具大都在互联网上能搜索到,按功能分类的DIVCSS工具可以有效地节省你设计网站的时间。生成器1、CssCreator-对初学者来说,CssCreator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器,可以生成带有Header和Footer的三栏布局。2、Divbrush-如果是菜鸟,Divbrush对于你必定是一款高效的通过切图使图片转HTML/div+css布局源码的自动软件。3、Web2.0Generator-Web2.0Generator可以利用HTML和CSS生成一个完整的网站布局。它对于大多数来说有学习的价值。4、CSSMate-CSSMate是一个在线CSS编辑器,简单得不能再简单了。5、QrONECSSDesigner-QrONE是一个CSS在线生成与编辑器。表格类1、CSSFormCodeMaker-很方便地生成“五颜六色的BOX布局”的表格。2、JotForm-JotForm是一个“所见即所得”的表格生成器。字体类1、EmCalculator-EMCalculator可以帮助你计算px与em之间的转换。2、CSSFontandTextStyleWizard-这个小工具可以很方便地将你的CSS样式呈现出来。导航/按钮类1、CSSButtons-CSS按钮和文本在线生成工具。2、CSSMenuGenerator-CSSMenuGenerator可以同时生成基于CSS和HTML代码的漂亮的按钮。优化/格式化类1、CSSTidy-CSSTidy是一个开源的CSS分析和优化工具;2、CleanCSS-CleanCSS是一个基于CSSTidy的强大的CSS优化和格式化工具。Chada曾经介绍过这个在线工具,在这里。3、CSSOptimizer-CSSOptimizer可以通过优化压缩CSS样式文件大小。4、CSSAnalyzer-CSSAnalyzer可以帮助你检查你的CSS样式是否符合W3C的认证。来源:http://www.chinaz.com/web/2009/0401/71309.shtml

源码

手机访问pc站跳转到手机站:方法一:使用百度siteapp中的js进行判断<scriptsrc="http://siteapp.baidu.com/static/webappservice/uaredirect.js"type="text/javascript"></script><scripttype="text/javascript">uaredirect("需要跳转的手机网址")</script>方法二:<scriptlanguage="JavaScript">functionmobile_device_detect(url){varthisOS=navigator.platform;varos=newArray("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","WindowsPhone","Phone","Linuxarmv71","MAUI","UNTRUSTED/1.0","WindowsCE","BlackBerry","IEMobile");for(vari=0;i<os.length;i++){if(thisOS.match(os[i])){window.location=url;}}//因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认if(navigator.platform.indexOf('iPad')!=-1){window.location=url;}//做这一部分是因为Android手机的内核也是Linux//但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断varcheck=navigator.appVersion;if(check.match(/linux/i)){//X11是UC浏览器的平台,如果有其他特殊浏览器也可以附加上条件if(check.match(/mobile/i)||check.match(/X11/i)){window.location=url;}}//类in_array函数Array.prototype.in_array=function(e){for(i=0;i<this.length;i++){if(this[i]==e)returntrue;}returnfalse;}}mobile_device_detect("需要跳转的手机网址");</script>pc访问手机站跳转到pc站varfrom='';varfrom_pc=0;if(from!='pc'&&from_pc!=1){varuserAgentInfo=navigator.userAgent;if(userAgentInfo.indexOf("Android")>0||userAgentInfo.indexOf("iPhone")>0||userAgentInfo.indexOf("SymbianOS")>0||userAgentInfo.indexOf("WindowsPhone")>0||userAgentInfo.indexOf("iPod")>0||userAgentInfo.indexOf("iPad")>0){}else{window.location.href="需要跳转的PC网址";}}if(from_pc==1){varhref=window.location.href;if(href.split('?').length>1){window.location.href=href+"&from=pc";}else{window.location.href=href+"?from=pc";}}document.addEventListener('WeixinJSBridgeReady',functiononBridgeReady(){WeixinJSBridge.call('hideToolbar');});

源码

首先看个列子:http://www.webhek.com/misc/impress-js昨天,我写了一些关于Impress.js的东西,对于创建在线的自我展示,这是一个非常不错的JavaScript库。由于是线上发布,所有有部分人问我怎么正确的使用它。因为没有在实际的项目页面设置帮助文档。这一篇文章将帮助你开始创建一个简单的幻灯片,但是之后你一定要完成它,可以用它来做很多酷炫的效果,唯一限制你的就是你的创造力。需求为了看到效果,请使用GoogleChromeorSafari(orFirefox10orIE10).Impress.js目前并不兼容早期的FirefoxorInternetExplorer版本。创建首先,要创建一个Web页面。我创建的页面如下:<!doctypehtml><html><head><title>ImpressTutorial</title><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"></head><body></body></html>在</body>之前添加impress.js文件,将Impress.js导入到你的项目中<scripttype="text/javascript"src="impress.js"></script>接下来创建一个id是impress的div容器包裹这个幻灯片,<divid=“impress”></div>创建幻灯片在个人展示中,你将看到创建一个幻灯片是如此的简单。每个幻灯片是一个class为step的div元素(被包裹在id是impress的容器内)(ps:<div>的id可有可无,当有id时url中的hash变化是随着id走;反之就是step-[num],如)<divclass="step">Myfirstslide</div>创建幻灯片的同时,要添加一些数据属性。下面是一些可用的数据属性:data-x=幻灯片的x坐标data-y=幻灯片的y坐标data-z=幻灯片的z坐标data-scale=通过指定一个值来进行缩放,data-scale为5则将会在你幻灯片原始尺寸基础放大5倍data-rotate=通过一个数字度数来确定旋转你的幻灯片data-rotate-x=为3D用,这个数字度数是它应该相对x轴旋转多少度。(前倾/后仰)data-rotate-y=为3D用,这个数字度数是它应该相对y轴旋转多少度。(左摆/右摆)data-rotate-z=为3D用,这个数字度数是它应该相对z轴旋转多少度。让数据属性起作用接下来的幻灯片设置将引导你理解每一个数据属性从一个初始的幻灯片开始,这个幻灯片已将它data-x和data-y数据属性设置为0,所以会出现在页面的中间。<divclass="step"data-x="0"data-y="0">Thisismyfirstslide(显示的内容)</div>第二个幻灯片的data-x值为500、data-y值为0,活动的时候它将会向左平移(滑动)500px的地方。<divclass="step"data-x="500"data-y="-400">Thisisslide2</div>第三张幻灯片其data-x值不变,data-y位置为-400,这将会是从顶部400px处滑入屏幕。<divclass="step"data-x="500"data-y="-400">Thisisslide3</div>第四张幻灯片来个新花样,使用data-scale的值控制其缩放大小。data-scale=”0.5″表示着它应该是一半的尺寸,当它变成活动的演示时将通过必需的倍数调节所有幻灯片的缩放尺寸,从这一步绚丽开始起步<divclass="step"data-x="500"data-y="-800"data-scale="0.5">Thisisslide4</div>第五张幻灯片旋转属性允许你旋转一个幻灯片到当前视图,幻灯片5被设置旋转90度,视觉效果微叼哈<divclass="step"data-x="0"data-y="-800"data-rotate="90">Thisisslide5</div>第六张幻灯片开始3Dstyle,可为每个维度的轴指定旋转属性(x,y,z)。x轴是横轴,意思是你可使事物倾斜(正值)或向后(负值),y轴是竖轴,所以你可使事物向左摇摆(负值)或向右(正值),z轴是纵轴,这将是旋转的东西向上(负值)和向下(正值)。<divclass=“step”data-x=“-2600″data-y=“-800″data-rotate-x=“30”data-rotate-y=“-60″data-rotate-z=“90”data-scale=“4”>Thisisslide7andithasa3DtransitionANDascale.</div>对于不支持Impress.js的浏览器做降级处理在<divid=”impress”>之前添加如下一个div<divclass="no-support-message">Yourbrowserdoesn'tsupportimpress.js.TryChromeorSafari.</div>然后将下列样式添加到你的样式表中:.no-support-message{display:none;}.impress-not-supported.no-support-message{display:block;}impreess源码已经发布在GitHub上,地址:https://github.com/bartaz/impress.js官方demo地址:http://bartaz.github.com/impress.js

2015-9-25 2413 0
源码

一朋友告急:mysql忘记root密码了让我帮忙给看看,因为没有接触过mysql所以从网上找了一下信息经我亲身实践已经成功!mysql版本是5.1。以下是从网上找的mysql密码修改的信息:参考文章:windows下重置MysqlRoot密码的方法mysql修改密码以及忘记密码1、首先检查mysql服务是否启动,若已启动则先将其停止服务,可在开始菜单的运行,使用命令:netstopmysql打开第一个cmd1窗口,切换到mysql的bin目录,运行命令:mysqld--defaults-file="C:\ProgramFiles\MySQL\MySQLServer5.1\my.ini"--console--skip-grant-tables注释:该命令通过跳过权限安全检查,开启mysql服务,这样连接mysql时,可以不用输入用户密码。此时已经开启了mysql服务了!这个窗口保留不关闭。2、打开第二个cmd2窗口,连接mysql:输入命令:mysql-uroot-p出现:Enterpassword:在这里直接回车,不用输入密码。然后就就会出现登录成功的信息,使用命令:showdatabases;使用命令切换到mysql数据库:usemysql;使用命令更改root密码:UPDATEuserSETPassword=PASSWORD('newpassword')whereUSER='root';刷新权限:FLUSHPRIVILEGES;然后退出,重新登录:quit重新登录:可以关掉之前的cmd1窗口了。然后用netstartmysql启动服务mysql-uroot-p出现输入密码提示,输入新的密码即可登录:Enterpassword:***********显示登录信息:成功就一切ok了转自:http://www.cnblogs.com/linuxnotes/archive/2013/03/09/2951101.html