1. loc：设置图例的位置，可以为字符串如“upper right”也可以是整数值，代表的是四个方向的值；
2. ncol：设置图例中有几列；
3. fontsize：设置字体大小；
4. frameon：设置是否有边框；
5. fancybox：设置是否有阴影；
6. shadow：设置是否有阴影；
7. title：设置图例的标题。
拓展：另外，plt.legend()还有其他参数，如markerscale、borderpad等，可以设置图例框中图例与文字的间距，以及图例标记之间的大小关系等。
模态窗体已经成为Web开发人员设计界面时经常要使用的传输数据的方式。通过模态窗口，可以提高网站的可用性。正好项目的需要，有个客户想要模态d出的窗体来提交网站的反馈，经过一番测试实现了，我使用jQuery fancybox插件来创建一个漂亮的模态窗体，提交表单的数据在服务器端实现Ajax调用。你可以在你的邮件里收到用户发送的反馈消息html代码
header部分主要的JS文件如下引入jquery代码和fancybox代码
复制代码 代码如下:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.0.6"></script>
演示
首先，从官网下载最新的Fancybox，并解压缩。核心的HTML页面代码是非常简单的，这里有一个隐藏的DIV，当用户单击href链接时候，打开一个模态窗口。
复制代码 代码如下:
<div id="wrapper">
Send us feedback from the modal window.
<a class="modalbox" href="#inline">有本事你点我</a></div>
<!-- hidden inline form -->
<div id="inline">
<h2>发送消息给我们</h2>
<form id="contact" action="#" method="post" name="contact"><label for="email">你的邮件</label>
<input id="email" class="txt" type="email" name="email" />
<label for="msg">你想要对我们说</label>
<textarea id="msg" class="txtarea" name="msg"></textarea>
<button id="send">立即发送</button></form></div>
CSS样式表
设置文本框的颜色，大小，获得焦点下的样式等等，使用:hover和:active 来显示状态。
复制代码 代码如下:
.txt {
display: inline-block
color: #676767
width: 420px
font-family: Arial, Tahoma, sans-serif
margin-bottom: 10px
border: 1px dotted #ccc
padding: 5px 9px
font-size: 1.2em
line-height: 1.4em
}
.txtarea {
display: block
resize: none
color: #676767
font-family: Arial, Tahoma, sans-serif
margin-bottom: 10px
width: 500px
height: 150px
border: 1px dotted #ccc
padding: 5px 9px
font-size: 1.2em
line-height: 1.4em
}
.txt:focus,
.txtarea:focus {
border-style: solid
border-color: #bababa
color: #444
}
input.error,
textarea.error {
border-color: #973d3d
border-style: solid
background: #f0bebe
color: #a35959
}
input.error:focus,
textarea.error:focus {
border-color: #973d3d
color: #a35959
}
我定义了一个错误的css类，结合jquery用来检测用户输入的数据是否正确，输入错误数据会使字段文字，边框和背景变成深色。直到用户输入有效的数据字段颜色将恢复正常。
复制代码 代码如下:
#send {
color: #dee5f0
display: block
cursor: pointer
padding: 5px 11px
font-size: 1.2em
border: solid 1px #224983
border-radius: 5px
background: #1e4c99
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d))
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d)
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d)
background: -o-linear-gradient(top, #2f52b7, #0e3a7d)
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d)
background: linear-gradient(top, #2f52b7, #0e3a7d)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d')
}
#send:hover {
background: #183d80
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b))
background: -moz-linear-gradient(top, #284f9d, #0c2b6b)
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b)
background: -o-linear-gradient(top, #284f9d, #0c2b6b)
background: -ms-linear-gradient(top, #284f9d, #0c2b6b)
background: linear-gradient(top, #284f9d, #0c2b6b)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b')
}
#send:active {
color: #8c9dc0
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7))
background: -moz-linear-gradient(top, #0e387d, #2f55b7)
background: -webkit-linear-gradient(top, #0e387d, #2f55b7)
background: -o-linear-gradient(top, #0e387d, #2f55b7)
background: -ms-linear-gradient(top, #0e387d, #2f55b7)
background: linear-gradient(top, #0e387d, #2f55b7)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7')
}
CSS 按钮我使用 CSS3来创建线型渐变，代码如上
使用 Fancybox
页面加载元素完成之后，调用Fancybox默认代码
复制代码 代码如下:
$(document).ready(function() {
$(".modalbox").fancybox()
$("#contact").submit(function() { return false})//禁用默认的窗体提交
代码的第二行禁用默认的联系人表单提交动作。为什么呢？因此这样我们可以处理自己的单击事件，并通过 Ajax 传递数据。在用户提交表单后，我们需要得到 （电子邮件和消息） 两个字段的当前值。我们还想要检查电子邮件地址是否有效和消息长度是否超过规定的长度值
复制代码 代码如下:
$("#send").on("click", function(){
var emailval = $("#email").val()
var msgval = $("#msg").val()
var msglen = msgval.length
var mailvalid = validateEmail(emailval)
if(mailvalid == false) {
$("#email").addClass("error")
}
else if(mailvalid == true){
$("#email").removeClass("error")
}
if(msglen <4) {
$("#msg").addClass("error")
}
else if(msglen >= 4){
$("#msg").removeClass("error")
}
上面jquery代码使用一些逻辑语句。直到电子邮件有效和消息的长度超过 4 个字母，才会提交表单。
发送Ajax 请求 通过上面的onclick事件，需要将表单数据发送到 PHP。，我们将在我们的收件箱中收到电子邮件。 复制代码 代码如下:
// 如果两个字段验证通过接下来发送消息
//点击发送按钮之后 ，按钮被替换成“发送中”这样的文字提示，目的是为了防止用户在点击提交，提示也更人性化
$("#send").replaceWith("<em>发送中...</em>")
$.ajax({
type: 'POST',
url: 'sendmessage.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<p><strong>提交成功! 您的留言已经发送, 谢谢 :)</strong></p>")
setTimeout("$.fancybox.close()", 1000)
})
}
}
})
}
})
这里使用serialize(),方法来序列化提交的ajax数据，使得生成标准的URL编码
服务器响应成功之后，隐藏d出的窗体，并显示一条成功消息。我使用 setTimeout() 方法来关闭 fancybox ，这里我设置一秒钟后隐藏窗体。要执行此 *** 作的 JS 代码是 $.fancybox.close()。
使用 PHP发送邮件 sendmessage.php 接受用户输入的变量。然后调用mail尝试发送它，发送成功返回"true"否则返回false
复制代码 代码如下:
$sendto = "[email protected]"//定义邮件的接收者
$usermail = $_POST['email']//获取电子邮件
$content = nl2br($_POST['msg'])//获取消息
$subject = "你有新的消息"
$headers = "来自: " . strip_tags($usermail) . "\r\n"
$headers .= "Reply-To: ". strip_tags($usermail) . "\r\n"
$headers .= "MIME-Version: 1.0\r\aan"
$headers .= "Content-Type: text/htmlcharset=utf-8 \r\n"
$msg = ""
$msg .= "<h2 style="font-weight: boldborder-bottom: 1px dotted #ccc">你有新的消息</h2>\r\n"
$msg .= "<strong>来自:</strong>".$usermail."\r\n"
$msg .= "<strong>内容:</strong>".$content."\r\n"
$msg .= ""
if(@mail($sendto, $subject, $msg, $headers)) {
echo "true"
} else {
echo "false"
}
演示
latex用法设置行间距的方法：%\setlength{\baselineskip}{15pt}\renewcommand{\baselinestretch}{1}2.去掉容差报警的方法：\hbadness=10000\tolerance=10000\hfuzz=150pt3.更改子级item，enumerate的图标的方法：\renewcommand{\labelenumii}{(\arabic{enumii}).}\renewcommand{\labelenumiii}{[\arabic{enumiii}]}\renewcommand{\labelenumiv}{}\renewcommand{\labelitemi}{\PlusCenterOpen}\renewcommand{\labelitemii}{\Checkmark}\renewcommand{\labelitemiii}{\ding{43}}\renewcommand{\labelitemiv}{$\clubsuit$}4.使用下划线，删除线的方法：\usepackage{ulem}\uwave\sout\uwave{..}\sout{}如果用中文，应该是CJKulem.sty包，不然不会正确分行。如：\usepackage{CJKulem}LaTex会自动给CJKulem加上.sty的后缀\da给文字a下面加点，如下：\dG\dP\dI\dI\dO\xout:斜删除线\sout:水平删除线\uwave:波浪线\uline,\uuline:下划线，双下划线\renewcommand{\baselinestretch}{1.3}\renewcommand{\ULdepth}可以手工修改下划线离基线的距离。5.高亮，加行号源代码的方法：\usepackage{color}\definecolor{gray}{rgb}{0.8,0.8,0.8}\usepackage{listings}\lstset{numbers=left}\lstset{language=C++}\lstset{breaklines}\lstset{extendedchars=false}\lstset{backgroundcolor=\color{gray}}\lstset{keywordstyle=\color{blue}\bfseries}\lstset{frame=none}\lstset{tabsize=4}\lstset{commentstyle=\color{red}}\lstset{stringstyle=\emph}6.制表位画简单表：\begin{tabbing}.\=\=.\\.\>\>\\..\>.\>\\..\>..\>.\end{tabbing}7.盒子：\mbox{看什么看，死鸟}\fbox{看什么看，死鸟}\fbox有一个外框\framebox[宽度][位置]{..}位置：l:左对齐r:右对齐s:伸展文本\framebox[2.5cm][l]{}\framebox[3cm][s]{XXX\dotfillXXX}8.点填充：\dotfill\framebox[3cm][s]{XXX\dotfillXXX}9.对单个字母加上斜划线的方法：\makebox[0pt][l]{/}S10.给文本加上边注：\marginpar{这是边注一个}.\marginpar{\\.\\.}加上竖线作边注：\marginpar{\rule[Y轴方向坐标：+向上,-向下]{竖线宽度}{竖线长度}}\marginpar{\rule[-17.5mm]{10mm}{20mm}}11.verbatim:\begin{verbatim}..\end{verbatim}\begin{verbatim}*..\end{verbatim*}将空格也显示也来。12.画表有关知识：1)63:4232:44要将num1:num2这样的表项中的:予以对齐，则可用：r@{:}l2)合并多列写为一个表项：\multicolumn{10}{c|}{\itshape..}13.块注释：\iffalse%块注释命令开始..\fi%块注释命令结束14.多个宏包的包含法：%一般情形下的必用宏包\usepackage{textcomp}\usepackage{latexsym,amssymb,amsmath}\usepackage{CJK,CJKnumb}15.宏包的使用说明的查询：%可以把\\MiKTeX\TeXMF\doc文件夹移到另外的地方以方便查阅下面各种宏包的使用说明16.特殊的宏包：%\usepackage{ifpdf}%切换latex和pdflatex命令编译%\usepackage{china2e}%特殊的汉字字符17.有关宏包的说明：%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*%可以把\\MiKTeX\TeXMF\doc文件夹移到另外的地方以方便查阅下面各种宏包的使用说明%宏包的兼容性与宏包的顺序有关,一般不应改动下面宏包的前后顺序%一般情形下的必用宏包\usepackage{textcomp}\usepackage{latexsym,amssymb,amsmath}\usepackage{CJK,CJKnumb}%其中CJKnumb用在fancyhdr宏包时,CJK这个环境可以在preamble里使用,%但要记得在\begin{document}之前关掉之后可以再另外打开一个新的CJK环境.%其他miktex自带选用宏包,包括:图形宏包,公式宏包,表格宏包,页面设置宏包,特殊文本元素宏包%\usepackage{ifpdf}%切换latex和pdflatex命令编译%\usepackage{china2e}%特殊的汉字字符\usepackage{makeidx}\makeindex%产生方式是用命令(pdf)latex,(pdf)latex,texify,(pdf)latex%图形宏包\ifx\pdfoutput\undefined%即可用latex或pdflatex编译\usepackage[dvips]{graphicx}\else\usepackage[pdftex]{graphicx}\fi%将eps或pdf都放在当前目录的figures子目录下,在文中用\graphicspath{{figures/}}\usepackage[centerlast]{caption2}%图形宏包,下面的设置在我这儿有一点冲突,所以弃用%\usepackage[subfigure,caption2]{ccaption}%构造连续标题,无标题,双语标题或匿名标题\usepackage{color}%彩色文本、底色、文本框等等色彩支持(这个宏包只能放在这里,否则通不过编译)\definecolor{lightgray}{gray}{.80}%\colorbox{lightgray}{\vbox{}}%\usepackage{epic}%\usepackage[all]{xy}\usepackage{floatflt}%可把图表和文字混排,其中[p]可选%\begin{floatingfigure}[p]{40mm}\centering\caption{}\end{floatingfigure}%\begin{floatingtable}[p]{\begin{tabular}\end{tabular}}\caption{}\end{floatingtable}%\usepackage{overpic}%将LaTeX对象放置在图上%\usepackage{pstricks}%PostscriptmacrosforGenericTeX(我没用过,据说很强),在pdf下要用pdftricks%\usepackage{Picins}%图形放在正文行中\usepackage{bez123,fancybox}%latexcad/mytexcad所需要的宏包\usepackage{mytexcad}%%mytexcad是修改latexcad后的非Miktex宏包,也可用自带的latexcad.%我想在latex和pdflatex下都能正常显示编译结果,这时把它换成bez123宏包中的相应命令即可.%另外,改动一下latexcad.sty内的宏命令,把\drawpath命令中的\path改为\lbezier.%建议把latexcad图中的内容复制过来,并在\begin{picture}前加\centering\setlength{\unitlength}{1mm}%\usepackage{picinpar}%图表和文字混排宏包%\usepackage[verbose]{wrapfig}%图表和文字混排宏包%\usepackage{pspicture}%绘制任意角度和粗细的线段以及不限大小的圆,在PDF下不能用%\usepackage{eso-pic}%向文档的所有页或部分页加n副图形,可实现水印效果%\usepackage{eepic}%扩展的绘图支持%\usepackage{curves}%绘制复杂曲线%\usepackage{texdraw}%增强的绘图工具%\usepackage{treedoc}%树形图绘制%\usepackage{pictex}可以画任意的图形%公式宏包\usepackage[amsmath,thmmarks]{ntheorem}%定理类环境宏包,其中amsmath选项用来兼容AMSLaTeX的宏包\usepackage{cases}%\begin{numcases}{|x|=}x,&for$x\geq0$\\-x,&for$x<0$\end{numcases}\usepackage{subeqnarray}%多个子方程\begin{subeqnarray}\label{eqw}\slabel{eq0}\\\slabel{eq1}\end{subeqnarray}%\usepackage{bm}%处理数学公式中的黑斜体\usepackage{pmat}%分块矩阵的虚线,非miktex宏包,兼容性很好\iffalse\begin{pmat}[{.|}]a_{11}&a_{12}&b_{11}\cra_{21}&a_{22}&b_{21}\cr\-c_{11}&c_{12}&d_{11}\cr\end{pmat}\fi\usepackage{blkarray}%另一种分块矩阵欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）