转载自:天极网
用javascrip
t操作数据库
写道
<script language="javascript" runat="server">
//用 javascript 写服务器端连接数据库的代码示例
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; "
+"Password=password; Initial Catalog=meizz");
var rs = new ActiveXObject("ADODB.Recordset");
var sql="select user_kind from tbRightSet where user_id=’"+ Account +"’";
rs.open(sql, conn);
if (!rs.EOF)
{
sysUserKind = (rs("user_kind")+"").replace(/^\s+|\s+$/, "");
}
rs.close(); rs = null; conn.close(); conn = null;
</script>
CSS结合JS的运用
利用CSS
配合javascript
可以做很多更酷的动态页面效果,现在就
简单的给大家简单介绍一下CSS配合JS的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,javascript
通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响
应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。 下面介绍几种常见的事件(还用更多事件,请查阅相关资料):
onClick:鼠标单击事件。(是指鼠标按下,然后松开时产生。)
onDblClick:鼠标双击事件。(是指鼠标快速按下,松开,并再次按下时产生。)
onMouseDown:鼠标按下事件。(鼠标按下时即产生。)
onMouseUp:鼠标释放事件。(是指鼠标从按下的状态到弹起。)
onMouseMove:鼠标移动事件。(是指在特定元素上移动鼠标。) onMouseOver:鼠标经过事件。(是指,当指针从外界往元素上移动时产生。)
onMouseOut:鼠标离开事件。(是指鼠标从特定元素上离开时产生。)
onLoad:载入事件。(当图象或页面结束载入时产生。)
onUnload:卸载事件。(当访问者离开页面时产生。)
onScroll:滚动条滚动事件。(当访问者使用卷轴上移或下移时产生。)
有了事件以后,我们就为事件加上动作。这里只说改变当前元素自定义样式的动作,我们可以用这个方法先设定好两个自定义的CSS样式,对象原先调用第一种样式,当产生鼠标事件时让对象应用到第二种CSS样式,而产生的鼠标效果,看下面这个例子。
在网页中插入一个图象,自定义一个“.out”样式,用gray滤镜使图片变成黑白的:
将这个自定义样式应用到图片上,在浏览器中预览到图片变成了黑白,我们再定义一个样式“.over”,这个样式没有任何内容,是空样式,样式表代码如下:
写道
<style type="text/css">
<!--
.over {}
.out {filter: Gray}
-->
</style>
然后在图片标记(IMG)里加上“onMouseOver="this.className=’over’"
onMouseOut="this.className=’out’"”,意思为当鼠标经过时,图片为over样式,即彩色正常图象;当鼠标离开时,图片
为out样式,即黑白图象。oMouseOver和onMouseOut是鼠标事件,this.className=”…”表示当前对象的class名
为…,注意大小写不要写错,JS对大小写非常敏感。
这样这个效果就完成了,保存后在浏览器里打开,图象是黑白的,当鼠标移上去时,图象变成彩色,鼠标离开时,图象又变回黑白。只要发挥你的想象,通过this.className方法还可以做出很多好看的鼠标效果。
分享到:
相关推荐
此外,JavaScript还有许多库和框架,如jQuery简化DOM操作,React用于构建用户界面,Vue.js提供组件化开发。 4. **ASP (Active Server Pages)**:ASP是微软的一种服务器端脚本环境,用于创建动态交互式网页。在ASP中...
书中涉及的主题包括PHP服务器端脚本语言、MySQL数据库系统、客户端JavaScript脚本、CSS层叠样式表以及HTML5的最新标准。这些技术组合起来,能够帮助读者构建动态交互的Web内容。 ### PHP PHP是一种广泛使用的开源...
1. **CSSOM**: CSS Object Model允许通过JavaScript操作CSS样式,动态改变页面外观。 2. **CSS动画与JavaScript的配合**: 通过JavaScript,开发者可以精确控制CSS动画的启动、暂停、恢复或更改其参数。 3. **CSS...
该项目是一款集成Python、HTML、JavaScript和CSS的数据库打印功能设计源码,包含6601个文件,其中包括1676个pyc字节码文件、1495个Python源代码文件、1196个模板和语言文件、1196个翻译文件、157个HTML文件、87个...
JavaScript 从数据库获取数据是一种常见的做法,特别是在动态网站和Web应用程序中,用于提供实时更新的信息。在这个特定的例子中,我们看到一个使用JavaScript实现的首页图片轮播效果,这些图片的数据存储在SQL...
在实际项目中,开发者会使用HTML和CSS创建静态页面,然后用JavaScript和jQuery增强用户体验,JavaWeb技术则处理服务器端的业务逻辑和数据库操作。Oracle作为后端数据库,存储和管理应用程序的数据。掌握这些技能,...
本项目是一款基于HTML/CSS的JavaScript驱动在线数据库终端设计源码,总计包含256个文件,涵盖158个JavaScript文件、29个Java文件、23个HTML文件、16个CSS文件,以及少量图片、XML、属性等辅助文件。该终端旨在提供...
【标题】:“利用html、css、javascript、php同时交互数据库制作的注册登录界面” 这个项目是关于构建一个基于Web的用户注册与登录系统,它涵盖了前端设计和后端处理的各个方面。HTML(HyperText Markup Language)...
JavaScript 从数据库获取数据是一种常见的做法,特别是在动态网站和Web应用程序中,用于提供实时更新和个性化用户体验。在上述示例中,我们看到一个利用JavaScript实现首页图片轮播效果的例子,其中图片信息存储在...
《PHP CSS MySQL JavaScript HTML CSS开发手册》是一套全面覆盖Web开发核心技术的手册,旨在帮助开发者深入理解和高效应用这些技术。手册包含五个主要部分,分别针对HTML、CSS、JavaScript、PHP和MySQL,涵盖了从...
这些手册涵盖了从基础到高级的ASP、JavaScript、CSS、DHTML、VBScript和SQL的知识,对于Web开发人员来说是极好的学习资源。它们将帮助开发者深入理解这些技术的工作原理,提高编程效率,解决实际问题。无论是初学者...
该项目是一款基于HTML、CSS和JavaScript的Web前端开发工具,旨在设置数据库中的默认值。整个项目包含669个文件,其中包括202个PNG图片、110个JPG图片、90个JavaScript文件、55个HTML文件、49个Python编译文件、46个...
1、css中文使用手册.chm 2、html和css网页标准指南.chm ... 4、javascript参考手册.chm 5、JavaScript参考手册中文版.chm 6、Javascript高级教程.CHM ...7、JavaScript使用手册.chm ...11、数据库日常维护手册
基于java+javaScript+css+html实现的公交线路GIS系统,包括公交换乘算法(最短路径算法)+源码+数据库,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 基于java+...
JavaScript库和框架如jQuery极大地简化了DOM操作,使得网页动态化更加容易。 4. **CSS**:CSS是控制网页样式和布局的关键工具,通过选择器和属性定义元素的外观。CSS3引入了更多高级特性,如动画、过渡、媒体查询等...
本源码为基于JavaScript的多操作系统关系数据库模型建模工具PDManer设计,共包含457个文件,其中js文件250个,less文件76个,png文件35个,svg文件19个,json文件12个,dot文件11个,css文件8个,ttf文件7个,woff...
本书《深入学习PHP,MySQL, JavaScript, CSS, HTML5》深入探讨了web开发的各个方面,包含前端和后端的设计与优化,以及数据库MySQL的详细讲解和优化方法。对于有志于提高Web开发技能的读者而言,这本书提供了非常...
HTML、CSS、JavaScript、PHP和MySQL是Web开发中不可或缺的核心技术。这本综合性的帮助手册提供了全面的指导,涵盖了从构建网页结构到处理服务器端逻辑再到数据库管理的全过程。 HTML(HyperText Markup Language)...