jquery通知

时间：2017-04-15 来源：东星资源网本文已影响人手机版

篇一：某公司2014年制度性通知内容

目录 .................................................................................................................................................. 1

关于规范因公借款流程的通知 ....................................................................................................... 2

关于人才推荐的通知 ....................................................................................................................... 3

关于使用Skype通话软件的通知 ................................................................................................... 5

关于规范签字、报销流程的通知 ................................................................................................... 6

关于规范项目移交工作流程的通知 ............................................................................................... 7

公司被褥管理制度 ........................................................................................................................... 7

关于下发《通讯录管理制度》的通知 ........................................................................................... 8

关于制订下发《自驾车出差补贴制度》的通知 ........................................................................... 9

关于补充办公室管理制度的通知 ................................................................................................. 10

关于汇总下发报销常见问题的通知 ............................................................................................. 11

关于规范因公借款流程的通知

公司全体同仁：

大家好！

为规范并优化借款流程，提高办公效率，现针对因公借款做出如下规定：

1.因公借款是指因公出差产生的差旅费、因项目租赁房屋产生的费用、采购

办公设备的费用等；

2.所有借款均经电子流程及手工签字批准；

3.人事行政部（含北京、青岛行政支出）借款或费用支出，每次<=2000元，

由人事行政部经理批准；>2000元，需经总经理批准；

4.其余各部门员工借款，每次<=1000元，由部门经理批准；>1000元或当月

借款超过3次，由总经理批准；

5.若批准人无法及时签字或审批电子流程，申请人可通过手机短信向批准人

申请，由申请人向财务部发送短信批准；事后补签字及电子流程签批；

6.若借款人因出差等原因无法发起纸质申请，需委托其他同事代签。

本规定自发布之日起开始执行，请全体员工自觉遵守，严格按照规定执行。

关于人才推荐的通知

公司全体同仁：

大家好！

随着公司业务的不断发展，现急需招贤纳士，希望公司全体同仁积极推荐。

被推荐人一经录用，转正后公司将根据被推荐人的岗位对推荐人给予如下奖励：

普通员工200元/人次；3年以上工作经验300元/人次；项目经理及以上500元/

人次。

所需人才如下：

1、.net软件工程师

2、项目经理

3、项目部经理

4、流程管理软件销售顾问

5、高级售前顾问

6、计算机研发经理

7、网络编辑

8、电子商务开发工程师

9、.net研发经理

希望全体员工尽己所能，把优秀人才引荐至公司，和公司共同成长与发展。

若有合适人才，请到人事行政部唐顺荣处登记，并附简历一份。

附：岗位要求等详见下面列表：

关于使用Skype通话软件的通知

公司全体同仁：

大家好！

为方便快捷的安排会议，更加方便同仁之间的工作交流，公司现决定以Skype多方通话软件代替原有视频会议，现将具体事宜通知如下：

1.附件为软件安装程序，请大家下载安装；

2.苹果手机可直接在app中搜索Skype，安卓手机也可下载。

3.请各位登陆如下网址，申请账号信息

（https://login.skype.com/account/signup-form?partner_id=b7049bfcbb37438）

注意事项：

1.通话方必须注册该软件用户，方可使用；

2.通话需在网络环境下进行，所以不管使用电脑、平板或移动电话，都需保证有网络信号；

3.该系统不支持共享桌面功能；

4.账号申请成功后，请将账号统一汇总至部门负责人，由部门负责人于周五（3月21日）下班前汇总到人事行政部处，以便在通讯录中进行添加

篇二：jquery实例

想做个jquery 实际例子的集锦。

后台采用php。但其实用其它后台语言也都是一样的。

1、ajax应用 ---- post 提交表单

(1)前台页面

$("#form1").submit

(

function()

...{

return false;

}

);

function login()

...{

var comid = $("#comid").val();

var jobid = $("#jobid").val();

var userid = $("#userid").val();

$.ajax(...{

type: "POST",

url: "../include/ajax.php",

data: "action=1" + "&comid=" + comid + "&jobid=" + jobid + "&userid=" + userid, beforeSend: function()...{

success: function(msg)...{

if(msg=="success")...{

alert("求职信息，已经提交!请等候通知！")

}else ...{

alert("信息已发送，请不要重复提交！");

}

});

}

</script>(2)后台页面 ajax.php

header("Cache-Control: no-cache");

require_once("function.php");

switch ($_POST["action"]){

case 1:

$comid=verify_id($_POST["comid"]);

$jobid=verify_id($_POST["jobid"]);

$userid=verify_id($_POST["userid"]);

$appdate=time();

$hasapp=getValue("select * from csj_appjob where jobid=$jobid and userid=$userid and comid=$comid","id");

if($hasapp==""){

$sql="insert into csj_appjob(comid,jobid,userid,appdate) values($comid,$jobid,$userid,$appdate)";

query($sql);

echo "success";

}else{

echo "wrong";

}

break;

default:

break;

}

2、动态表格、动态表单

<tr>

</tr>

</tr>

</tbody>

</table>

$("#addjobline").css("cursor","pointer");

$("#rmjobline").css("cursor","pointer");

$("#addjobline").click( function() ...{

jobline+=1;

$("#jobline").val(jobline);

var str="";

str+='<tr id="jobline'+jobline+'">'

str+='<td><input type="text" name="brq'+jobline+'"></td>'

str+='<td><input type="text" name="erq'+jobline+'"></td>'

str+='<td><input type="text" name="school'+jobline+'"></td>'

str+='<td><input type="text" name="spe'+jobline+'"></td>'

str+='</tr>';

$("#job").append(str);

} );

$("#rmjobline").click( function() ...{

$("#jobline"+jobline).remove();

jobline-=1;

$("#jobline").val(jobline);

} );

</script>3、输入框"获得焦点 / 点击 / 划过" 时全选

//获得焦点,这个效果最好,点或者按tab,都可以全选

$("#upwd").focus(function()...{this.select();})

$("#uid&(转载自：www.dXf5.cOm 东星资源网:jquery通知)quot;).focus(function()...{this.select();})

//点击

$("#upwd").click(function()...{this.select();})

$("#uid").click(function()...{this.select();})

//划过全选

$("#upwd").mouseover(function()...{this.select();})

$("#uid").mouseover(function()...{this.select();})

</script>4、ajax应用 ---- 二级联动

数据库表设计 csj_trade

id int(11)auto_increment

tname varchar(100)

tradeType int(11)

其中,id为主键自动索引，tname为行业名称，tradeType为一个标识，为0时，表示这条数据是大类；不为0，而是某个数字的时候，则这个数字表示其父级的id。

（1）主页面

<option value="-1">——所属行业大类——</option>

$res1=result("select * from csj_trade where tradeType=0");

while($rs1=mysql_fetch_array($res1)){

<?}?>

</select>

</select>

</span>

$("#bTrade").change(function()...{

$("#quote").load("../include/getstrade.php?id="+$("#bTrade").val());

});

</script>（2）getstrade.php

require_once("function.php");

header("Cache-Control: no-cache");

$id=verify_id($_GET["id"]);

$res=result("select * from csj_trade where tradeType=".$id);

$rt='<select name="sTrade" id="s_trade">';

while($rs=mysql_fetch_array($res)){

$rt.='<option value="'.$rs["id"].'">'.$rs["tname"].'</option>';

}

$rt.='</select>';

echo $rt;

?>5、CSS 样式表动态选择

主页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>

<HEAD>

</HEAD>

<BODY>

<h1>jQuery 是一个新型的JavaScript库. </h1>

<p>jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的方式。

jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不用的应用程序。

jQuery是一个轻量级的脚本，其代码非常小巧，JavaScript包只有15K左右。

jQuery支持CSS1-CSS3,以及基本的xPath

jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ </p>

<ul>

<li rel="style1" class="styleswitch">styles1</li>

<li rel="style2" class="styleswitch">styles2</li>

<li rel="style3" class="styleswitch">styles3</li>

</ul>

<SCRIPT LANGUAGE="JavaScript">...

<!--

$('.styleswitch').css("cursor","pointer");

$('.styleswitch').click(function()

...{

switchStylestyle(this.getAttribute("rel"));

return false;

});

var c = readCookie('style');

if (c) switchStylestyle(c);

function switchStylestyle(styleName)

...{

$('link[@rel*=style][@title]').each(function(i)

...{

this.disabled = true;

if (this.getAttribute('title') == styleName) this.disabled = false;

});

createCookie('style', styleName, 365);

}

function createCookie(name,value,days)

...{

if (days)

...{

var date = new Date();

date.setTime(date.getTime()+(days*24*60*60*1000));

var expires = "; expires="+date.toGMTString();

}

篇三：jquery

jquery

jquery logo

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

展开

编辑本段简介

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

编辑本段找到你了！

在编写js库代码时候，你一定经常和“$”美元符号打交道吧？无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。jQuery也这样做了，但是，它的功能远非如此，瞧瞧以下的jQuery代码，你就会发现它的美丽：

代码

var someElement = $("#myId");

看起来比其他两个框架的要多了一个#，好，看看下面的用法：代码

$("div p"); // (1)

$("div.container"); // (2)

$("div #msg"); // (3)

$("table a",context); // (4)

在prototype里看过这样的写法吗？第一行代码得到所有div标签下的p元素。第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写，因为jQuery需要遍历所有的div元素，对于带id的元素，直接用$("#id"))。第四行代码得到context为上下文的table里面所有的链接元素。

如果你熟悉CSS，你会觉得这些写法很眼熟！对了。正是。看出奥妙了吧。jQuery就是如此强大，你可以轻易地找到DOM中的任何元素，而这也是jQuery设计之初query的真实含义（查询）。

编辑本段Jquery对象

jquery提供了很多遍历的函数，如each(fn)，但是使用这些函数的前提是：你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单，通过下面一些方式（只是一部分）：

代码

var a = $("#cid");

var b = $("<p>hello</p>");

var c = document.createElement("table");

var tb = $（c）;

编辑本段代替body标签的onload

这个惯例，也许是除了$()之外，用得最多的地方了。下面一段代码：代码

$(document).ready(function(){

alert("hello");

});(1)

<body onload="alert('hello');">（2）

上面两段代码是等价的。但代码1的好处是做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作，即$(document).ready (fn)可以在一个页面中重复出现，而不会冲突。基本上Jquery的很多plugin都是利用这个特性，正因为这个特性，多个plugin共同使用起来，在初始化时不会发生冲突。

不管怎么说，这个惯例可以分离javascrīpt与HTML。推荐使用。编辑本段事件机制

我大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写onclick = "fn()",使用jquery可以使javascrīpt代码与html代码分离，保持HTML的清洁，还可以很轻松地绑定事件，甚至你可以不知道“事件”这个名词。

代码

$(document).ready(function(){

$("#clear").click( function(){ alert("i am about to clear the table"); } ); $("form[12]").submit(validate); }); function validate(){

//do some form validation

}

编辑本段同一函数实现get\set

代码

$("#msg").html();

$("#msg").html("hello");

上面两行代码，调用了同样的函数。但结果却差别很大。

第一行是返回指定元素的HTML值，第二行则是将hello这串字符设置到指定元素中。jquery的函数大部分有这样的特性。

编辑本段ajax

这是一个ajax横行的时代。多少人，了不了解ajax的都跟着用上一把。呵。使用jquery实现ajax同样异常简单

代码

(1)

$.get("search. do",{id:1},rend);

function rend(xml){

alert(xml);

}

(2) $.post("search. do",{id:1},rend); function rend(xml){ alert(xml); } (3) $("#msg").ajaxStart(function(){ this.html("正在加载。。。。"); }); (4)

$("#msg").ajaxSuccess(function(){

this.html("加载完成！");

});

这些都是较常用的方法，get和post用法一样。第一个参数是异步请求的url，第二个为参数，第三个回调方法。（4）的方法会在指定的Dom对象上绑定响应ajax执行的事件。

（5）同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。

var html = $.ajax({

url: "some.php", async: false }).responseText; (6) 保存数据到服务器，成功时显示信息。 $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg );

}

});

编辑本段渐入淡出

代码 $("#msg").show("fast"); $("#msg").hide("slow"); $("#msg").fadeIn(); $("#msg").fadeOut();

没错，上面两行代码已经分别实现了一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一样的动态加载通知条，用jquery就那么简单。两个函数接受的参数除了快慢等，还可以接收整型，作为渐入或淡出的完成时间，单位为MS。

编辑本段plugin

这也是一个插件的时代。

jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好，很精彩的插件。

写得很烂。可能大家看不出jquery的好处。嗯，光听是没用的，试用一下吧。你会发觉很有趣。

暂时告一段落吧。待有新的发现再来分享。

加一些Jquery的资源：

https://www.visualjquery. com/index.xml 很好的API查询站点 https://jquery. com/demo/thickbox/ 知道lightBox吧，看看Jquery是怎样实现相同的东西

标签：通知 jquery jquery通知滚动 jquery弹出通知框

jquery通知

文章分类

最新发表