web 做你所想-首页

2009.5 31

简单全面jquery选择器例子

分类:jquery 浏览(11) 评论(0) 收藏这篇日志

基本选择器：

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素

$("div") 选择所有的div标签元素，返回div元素数组

$(".myClass") 选择使用myClass类的css的所有元素

$("*") 选择文档中的所有的元素

可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass")

功能强大，结合jquery，多功能树型多级菜单！

分类:Easytool原创浏览(176) 评论(0) 收藏这篇日志

运用jquery，功能强大的多功能树型多级菜单，也可以说是jquery的插件。

主要功能如下：

1、多级菜单；
2、默认展开指定菜单项目；
3、设置展开方式（click；mouse）；
4、设置是否允许展开一个菜单；
5、是否允许打开菜单标题链接；
6、设置展开动画；
7、设置浏览器记录打开菜单项；
8、设置当打开一菜单时要关闭的菜单项。
效果：

演示：http://www.boluoge.com.cn/test/jqtreemenu/

最简单的在线MSN客服

分类:WEB技术相关浏览(13) 评论(0) 收藏这篇日志

在官方地址http://settings.messenger.live.com/applications/CreateHtml.aspx 生成的MSN在线代码很多时候，点击出来后不能聊天。

这种方式老方法

代码：

xml 代码

<p><a href="msnim:chat?contact=chao.gan@hotmail.com"><img alt="MSN在线咨询" border="0" style="margin-right: 14px" src="/images/msn.png" /></a></p>

效果：

SQL Server错误21002：[SQL-DMO]用户"user"已经存在

分类:WEB技术相关浏览(29) 评论(0) 收藏这篇日志

错误 21002：[SQL-DMO]用户"user"已经存在|错误 21776：[SQL-DMO]名称"dbo"在Users集合中

问题1：
在利用企业管理器使用向导新建一个登录，并且在“数据库访问”选项下面赋予这个登录访问某个数据库的权限，遇到如下错误信息：
错误 21002：[SQL-DMO]用户"user"已经存在。

分析和解答：
这个错误一般会发生在将数据库从一台服务器迁移到另一台服务器之后，如果在新的服务器里面找不到某一个用户对应的登录，就会发生“孤立用户”的问题。此时，尽管在新的服务器里面没有这个登录，而在该数据库的sysusers表中，却存在该登录对应的用户信息，因此SQL Server会给出以上的错误信息。
解决步骤如下：
(1)新建一个同名的登录，但是不要赋予它任何数据库的访问权限。
(2)使用以下命令使该登录与该用户对应在一起：
exec sp_change_users_login 'Update_One','用户','新建登录名'

浏览全文...

2009.4 17

jQuery+ajax实例之综合应用ASP+AJAX+jQuery+ACCESS

分类:WEB技术相关浏览(197) 评论(0) 收藏这篇日志

AJAX的初级应用是非常简单的，通俗的说就是客户端(javascript)与服务端(asp或php等)脚本语言的数据交互。如果再结合jquery，那么更加简单。

你也可以直接访问：www.boluoge.com.cn/test/ajaxjquery/预览此篇ajax+jquery教程的源码示例。

1、前台AJAX+jQuery的创建。index.html文件

xml 代码

<html>
<head>
<title>ASP+AJAX+jQuery+ACCESS数据库应用-web做你所想！jQuery+ajax实例教程</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="http://www.boluoge.com.cn/JS/jquery.js"></script>
</head>
<body>
<script>
function show(){
var cc1 = $('#formc').val(); //得到下拉菜单的选中项的值
if (cc1!=0) //判断选择
{
var url="getweb.asp"
$.get(url,{sid:Math.random(),id:cc1},//添加 sid 和q 2个参数到getweb.asp，math.random()避免缓存
function(data){
$("#txt").html(data);
});
}
else
{
$("#txt").html("还没选择！");
}
}
</script>
<form>请选择网站:
<select name="webinfo" id="formc" onChange="show()">
<option value="0">==请选择==</option>
<option value="1">web做你所想！</option>
<option value="2">sphone短信王</option>
<option value="3">Idcmanaager</option>
</select>
</form><p>
<div id="txt"><b>网站信息...</b></div>
</p></body>
</html>

2、后台asp文件的创建。getweb.asp

vb 代码

<%
sql="SELECT * FROM website WHERE ID="
sql=sql & request.querystring("id")
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("ajaxjquery.mdb"))
set rs = Server.CreateObject("ADODB.recordset")
rs.Open sql, conn
Response.CharSet = "GB2312"
if not rs.EOF then
response.write "<li>编号："&rs(0)"</li>"
response.write "<li>网站名："&rs(1)"</li>"
response.write "<li>URL地址："&rs(2)"</li>"
response.write "<li>介绍："&rs(3)"</li>"
end if
rs.close
set rs = nothing
conn.close
set conn = nothing
%>

3、数据库的创建，请下载压缩包，参考。

浏览全文...

2009.4 16

最简单运用jquery，使用li制作列表并隔行换色的示例！

分类:Easytool原创浏览(11) 评论(0) 收藏这篇日志

最简单运用jquery，使用li制作列表并隔行换色的示例

以下是HTML网页特效代码，点击运行按钮可查看效果

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>无标题文档</title>  
<style>  
.mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;}  
.mytable ul li {padding-top:5px;text-indent:2em;list-style:none;background:url(http://www.boluoge.com.cn/Theme/easytool/Images/icon_list.gif) 3px 50% no-repeat;border-bottom:#6AA70B 1px dotted ;font-family: "Verdana,宋体";font-size: 12px;color:#008000;text-align:left;height:25px;}  
.mytable ul li.t1 {background-color:#EFFEDD;}/* 第一行的背景色 */  
.mytable ul li.t2{ background-color:#CCFFFF;}/* 第二行的背景色 */  
.mytable ul li.over {background-color:#D2FCA0;}/* 鼠标经过时的背景色 */  
</style>  
<script language="javascript" src="http://www.boluoge.com.cn/js/jquery.js"></script>  
<script type="text/javascript">  
  
 
</script>  
</head><body>  
 
<body>代码生成器原因，请刷新该页面 
<br><br><br> <div align="center">  
<div class=mytable id=tab>  
<ul>  
    <li><a href="#">这个是第1行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第2行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第3行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第4行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第5行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第6行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第7行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第8行的文字，大家看清楚了</a></li>  
<li><a href="#">这个是第9行的文字，大家看清楚了</a></li>  
</ul></div>  
</div>  
</body>  
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

浏览全文...

2009.3 30

符合W3C，代替marquee的js连续滚动代码,兼容多浏览器（firfox、IE、oprea）

分类:WEB技术相关浏览(129) 评论(0) 收藏这篇日志

符合W3C的代替marquee的js代码,兼容多浏览器（firfox、IE、oprea）

marquee主要有几个缺点。
1、不符合w3c 。
2、不符合w3c，那么在标准浏览器如firefox里就无用。
3、图片文字有空白，不连续。
注意：
1、在外层div中css一定要设置 overflow:hidden;在该例子里，向上是id为goup，向左是goleft

2、在向左滚动时 goleft的宽一定要小于goleft1，否则滚动不了，这是因为默认情况下是因为div在默认情况只能判断height,而不能判断width,而table却恰恰相反。

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>WEB做你所想！</title>  
<style type="text/css">  
  
</style>  
</head>  
 
<body>  
向上滚动：  
<div id="goup"><div id="goup1">  
  <ul>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
  <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
  <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
  <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li><li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
</ul>  
</div><div id="goup2"></div></div>  
<script type="text/javascript">  
var speed=20;  
var FGgoup=document.getElementById('goup');  
var FGgoup1=document.getElementById('goup1');  
var FGgoup2=document.getElementById('goup2');  
FGgoup2.innerHTML=FGgoup1.innerHTML  
function Marquee1(){  
if(FGgoup2.offsetHeight-FGgoup.scrollTop<=0)  
FGgoup.scrollTop-=FGgoup1.offsetHeight  
else{  
FGgoup.scrollTop++  
}  
}  
var MyMar1=setInterval(Marquee1,speed)  
FGgoup.onmouseover=function() {clearInterval(MyMar1)}  
FGgoup.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}  
</script>  
向左滚动：  
<div id="goleft">  
<div id="goleft1">  
<ul>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
  <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
  <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
  <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li><li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 <li><a href="http://www.boluoge.com.cn"><img src="http://www.boluoge.com.cn/Theme/easytool/images/logo57.png" alt="web做你所想！" /></a>  
 </li>  
 </ul>  
</div>  
<div id="goleft2"> </div></div>  
<script type="text/javascript">  
var speed2=10;  
var FGgoleft=document.getElementById('goleft');  
var FGgoleft1=document.getElementById('goleft1');  
var FGgoleft2=document.getElementById('goleft2');  
FGgoleft2.innerHTML=FGgoleft1.innerHTML  
function Marquee2(){  
if(FGgoleft2.offsetWidth-FGgoleft.scrollLeft<=0)  
FGgoleft.scrollLeft-=FGgoleft1.offsetWidth  
else{  
FGgoleft.scrollLeft++  
}  
}  
var MyMar2=setInterval(Marquee2,speed2)  
FGgoleft.onmouseover=function() {clearInterval(MyMar2)}  
FGgoleft.onmouseout=function() {MyMar2=setInterval(Marquee2,speed2)}  
</script>   
</body>  
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]