js仿百度切换皮肤效果：(换肤出来一个div，选择你想要的图片，作为网页背景，保存) 要点：cookie保存状态 html代码:<body><div id="header"><div id="header_con"><div class="dbg"><a href="javascript:;" onclick="showImgBox()">换肤</a></div></div></div><div id="dimgBox"><div id="dimgtitle"><div id="imgtitle_con"><div id="title1"><a href="javascript:;">热门</a></div><div id="title2"><a href="javascript:;" oncl...
在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会。 首次，我们看一下这四项技术都是什么，能干什么？ （一）XML—Extensible Markup Language 可扩展标记语言（标准通用标记语言的子集）是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然可扩展标记语言占用的空间比二进制数据要占用更多的空间，但可扩展标记语言极其简单易于掌...
本文实例介绍了javascript结合HTML CSS实现橙色导航菜单，分享给大家供大家参考，具体内容如下 效果图：<html > <head><title>超漂亮的HTML导航菜单CSS代码</title><style>#top {display: block;text-align: left;height: 105px;position: relative;z-index: 0;}.m {margin: 0 auto;width: 970px;}body {font-size: 12px;}a {color: #333;text-decoration: none;}a:link {text-decoration: none;}/* Download by http://hovertree....
之前发布了一款简易的计算器，今天做了一下修改，添加了键盘监听事件，不用再用鼠标点点点啦 JS代码： var yunSuan = 0;// 运算符号，0-无运算;1-加法;2-减法;3-乘法;4-除法 var change = 0;// 属于运算符后需要清空上一数值 var num1 = 0;// 运算第一个数据 var num2 = 0;// 运算第二个数据 var cunChuValue = 0;// 存储的数值 $(function() { $(".number").click(function() {// 点击数字触发事件 var num = $(this).attr(name);...
写ABROAD项目用到了标签这个东东，其实标签在WEB上到处可见，图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样，不过checkbox实在太丑了，就使用这个简单方法美化一下好了。 1、HTML代码： <span class="tags"><span>经济、金融类</span><span>行政、人资类</span><span class="active">市场、销售类</span><span>电子工程IT类</span><span...
BS架构的企业级应用中，当一个表格列数较多时，用户一个常见的需求就是把前面几个重要的列固定住，这样拖动滚动条时固定的列会方便用户查看数据，用户体验很好。一些重量级的JS组件库也都有这个功能，那么有没有更简单的方法实现这个功能呢？ 这个需求常见的解决方案是使用表格拼接的方法，这个方案如果要制作静态的网页，或者功能简单的动态页面，逻辑比较简单，技术上也不复杂，很容易实现，但是如果要做成组件，动态功能较多的话...
事实上， 速查表 就是来帮助我们把日常中最常用到的信息聚集起来，方便使用，使我们做工作时更有效率。有了它们，免去了你的大脑花额外时间去记忆它们的烦恼——你只需要打开简表，马上能查到你想要的信息。 这篇文章里，你可以看到 最实用的HTML，CSS，JavaScript速查表 ，它们可以当作参考资料，备忘录，能帮助你以最快的速度找到想要的信息。 看看这些简表是不是你想要的，请在文章下面留下你的建议，谢谢！ HTML HTML帮助手册 ...
如图所示。 该图片切换特效实现很简单，而且兼容性很好。 html页面如下 代码如下:<div class="wrapper"> <div id="focus"> <ul> <li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/01.jpg" alt="QQ商城焦点图效果下载" /></a></li> <li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/02.jpg" alt="QQ商城焦点图效果教程" /></a></li> <li><a href="http://www.lanrentuku.com/" ta...
注意： 该程序在IE调试的，其他浏览器可能有BUG，见谅！ 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>Insert title here</title> <!-- -- CSS -- set window style --> <link rel="stylesheet" type="text/css" href="main.css" /> <!-- -- JavaScript -- se...
js： 代码如下:var posX; var posY; fdiv = document.getElementById("divBody"); document.getElementById("divHead").onmousedown=function(e) { if(!e) e = window.event; //IE posX = e.clientX - parseInt(fdiv.style.left); posY = e.clientY - parseInt(fdiv.style.top); document.onmousemove = mousemove; } document.onmouseup = function() { document.onmousemove = null; } function mousemove(ev) { if(ev==null) e...
以及需要用到Http方式和Openfire通信的第三方库（JabberHTTPBind）。 JabberHTTPBind是jabber提供的XMPP协议通信的Http bind发送的形式，它可以完成WebBrowser和Openfire建立长连接通信。 主要通信流程如下图所示：用户A通过JavaScript jsjac.js库发送一条消息到JabberHTTPBind这个Servlet容器，然后JabberHTTPBind的Servlet容器会向Openfire发送XMPP协议的XML报文。Openfire Server接收到报文后解析，然后发送给指定的用户B。Jab...
突然看到那个apple的底下的那个很漂亮,所以呢,我就改进了一下 做了一个图片版本的,好像很多人都做了个 http://home.goofar.com/bqqdqq/photo/a.html 上面这个是预览地址 如果浏览速度慢的话,下面是我做了一个包出来 兼容FF,IE 在线演示http://img.jb51.net/online/photo/a.html本地下载http://img.jb51.net/online/photo/photo.rar
新写的JS 客户端 UI：采用包装模式的思想，富客户端UI就像外壳一样附加到普通的元素上。部分UI使用了两种实现，一种直接使用Html,CSS,JS结合的方式，一种直接使用JS（UI结尾的文件使用这种方式）。看过ExtJS做的，很漂亮，效果很绚，我做不到那种程度，但不喜欢那种编程方式，做ExtJS的的确是CSS,JS的高手，但没有提供良好的面对对象的设计和使用。精力有限，不想在js上花太大时间，只做了一些常用的。 下载:WWTJS.rar 服务期端还...
功能：1.图片可以缩放，外框也随之变动。2.图片缩放后，居底对齐。3.鼠标滑上去，边框有虚线。结构：源代码：相册自适应写法 /* ================================================================== general xhtml 1.0 - Main style sheet - liquid design 2007-05-18 Author - ouhee Backa made by 相册自适应写法 ================================================================== */ * {margin:0px;padding:0px...
因为死神的一个单选按钮问题，N多人出来扯淡，唉，偶这个菜鸟级人物也出来，混水摸鱼去。一个不小心也摸到了一条。 首先看从baidu中挖出来的一段代码，偶就从这里动手的。 代码如下:<script> function checkradio() { for(i=0;i<document.form1.Fruit.length;i++) { if(document.form1.Fruit[i].checked) { alert("您最喜欢的水果是："+document.form1.Fruit[i].nextSibling.nodeValu...