精选JS – 九创科技

jQuery鼠标上下滚动触发事件调用的写法

寒林 — Wed, 10 Jan 2018 14:33:15 +0000

jQuery鼠标上下滚动触发事件调用的写法

==========================================================

//Firefox
$(‘#elem’).bind(‘DOMMouseScroll’, function(e){
if(e.originalEvent.detail > 0) {
//scroll down
console.log(‘Down’);
}else {
//scroll up
console.log(‘Up’);
}

//prevent page fom scrolling
return false;
});

//IE, Opera, Safari
$(‘#elem’).bind(‘mousewheel’, function(e){
if(e.originalEvent.wheelDelta < 0) {
//scroll down
console.log(‘Down’);
}else {
//scroll up
console.log(‘Up’);
}

//prevent page fom scrolling
return false;
});

2014最新youku去广告代码

寒林 — Tue, 11 Mar 2014 06:30:56 +0000

今天分享一段不错的代码，或许是你正在苦苦寻找的代码：2014最新优酷去广告自动播放代码。

这段2014最新优酷去广告加自动播放代码，经过我的测试，完全可以，但不敢保证一直可用，暂时放出来，给大家拿去使用。

2014优酷去广告+自动播放代码如下：

http://v.icycat.com/catplayer.swf” wmode=”opaque” quality=”high” bgcolor=”#000000″ width=”623″ height=”437″ align=”middle” allowScriptAccess=”always” allowFullScreen=”true” flashvars=”youku=XNjQzMjA3MzMy&q=gq&auto=1″ type=”application/x-shockwave-flash” >

代码解释：width后面的数字是视频宽度 height后面的是高度 youku=后面的是视频Id，（ID一般在播放地址上面显示）注意：&q符号前面的为视频ID。 auto=1 表示自动播放。

在线QQ,在线MSN，在线Skype代码生成

寒林 — Tue, 08 Jan 2013 09:02:52 +0000

1.如何在网页上显示腾讯QQ在线洽谈?
QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码)
(将8989215换成你的号码,site后面换成你的网站就可以了)

更多的生成显示QQ在线状态的代码,请查看腾讯官方网站
http://imis.qq.com/webpresence/code.shtml
你只需要填写你的号码,网站名称以及提示就可以点击生成就可以生成QQ在线状态的代码,拷贝生成的代码加入网页即可

2.阿里巴巴贸易通在线状态代码生成,dreamer改成你的ID就行了,还有ALT改成你的内容

更多的阿里巴巴贸易通在线状态代码生成样式,请查看阿里巴巴官方网站
http://club.china.alibaba.com/club/block/alitalk/alitalkfire.html

3.skype在线状态代码生成
将dreamer换成你的skype ID就可以了,需要在skype个人账户里设置对任何人显示状态

更多的skype在线状态代码生成样式,请查看skype的官方网站
http://skype.tom.com/help/skypebuttons/

4.生成MSN在线状态代码,替换dreamer@live.com即可

dreamer@live.com

5.雅虎通,把dreamer@yahoo.com替换成你的

6.淘宝旺旺,把dreamer替换成你的

查看官方生成代码http://www.taobao.com/help/wangwang/wangwang_0628_04.php

7. Google Talk
查看官方生成代码http://www.google.com/talk/service/badge/New

滚动返回页面顶部的JS特效gototop

寒林 — Fri, 07 Dec 2012 04:31:31 +0000

主题footer有个“返回页顶”的按钮，是用#top实现的，点一下就蹭地跳到页顶了，太不优雅，不符合我的美学概念。这本是个芝麻绿豆的小事情，可我没事就喜欢捣腾Wordpress，我想能改用JS滚动效果该有多好呀。还真的让我找到了，远在天边，近在眼前，这款主题的作者zEUS已经写过这样的教程，不过据他反应因锚点冲突，导致博客评论分页失效，所以zEUS已经弃用了此特效。我试了一下，可能我的Wordpress适应能力强一些，并没有评论分页失效的情况，呵呵。我就拿来主义一下，把此特效分享给大家。

1、点此下载gototop.js文件，解压后将该文件上传至主题目录下。

2、将以下代码添加到footer.php文件中。

3、在footer.php中合适的位置加入以下代码调用上述JS。
返回页顶

简简单单三步就添加了滚动返回页面顶部的JS特效，效果可以参看我的页底“返回页顶”按钮，很不错吧，嘿嘿。

鼠标经过图片变暗的js兼容IE FIREFOX

寒林 — Fri, 28 Oct 2011 15:15:01 +0000

js部分：

function dentro(valor) {
valor.style[‘opacity’] = 60 / 100;
valor.style[‘-moz-opacity’] = 60 / 100;
valor.filters.alpha[‘opacity’] = 60;
}
function fuera(valor) {
valor.style[‘opacity’] = 100 / 100;
valor.style[‘-moz-opacity’] = 100 / 100;
valor.filters.alpha[‘opacity’] = 100;
}

网页部分：

JS无间隙向左,向右,向上,向下滚动兼容IE,firefox

寒林 — Fri, 03 Jun 2011 16:46:43 +0000

代码如下：

boxmove(d1,d2,d3,e,obj)
d1 = 外围容器
d2 = 内容
d3 = 复制d2的内容接替循环滚动
e = 方向与方法
1,2,3,4 = 自动滚动，分别对应：上,右,下,左
“top”,”right”,”bottom”,”left” = 手动滚动，分别对应：上,右,下,左
obj = 选择手动滚动时设置为this，用于事件绑定操作。自动滚动时无须设置。

滚动合集 – www.poluoluo.com

滚动合集

向上

向右

向下

向左

手动滚动 – 上下

手动滚动 – 左右

JS图片左右无缝隙滚动(兼容IE,Firefox 遵循W3C标准)

寒林 — Tue, 24 May 2011 02:36:54 +0000

**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码（支持左移/右移功能）(本示例为上下两行图片进行双行滚动)
**实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，
**通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，
**因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。

/*
**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码（支持左移/右移功能）(本示例为上下两行图片进行双行滚动)
**
**实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，
**通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，
**因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。
*/
var speed1=0    //图片左移的速度
var MyMar1    //setInterverval方法返回的间隔ID,些ID为全局的调用次数(用于第一行图片)
var MyMar2    //setInterverval方法返回的间隔ID,些ID为全局的调用次数(用于第二行图片)
var lefthit=0        //记录左移按钮点击次数
var righthit=0    ////记录右移按钮点击次数
//调用右移方法前,先让左移停止（clearInterval清除setInterval对方法的调用）
function clearleft(){
clearInterval(MyMar1)
clearInterval(MyMar2)
}
//图片左移的方法
function toleft(){
//判断是否是第一次按下左移按钮（图片往左开始移动的时候，不会在调用此方法。只有当按了右移按钮时，才会把lefthit重设为0）
if(lefthit==0){
speed1=30;//图片左移速度时间毫秒
//让的内容demo2与demo1内容一样
document.getElementById(“demo2”).innerHTML=document.getElementById(“demo1”).innerHTML
//上行图片移动的方法
function Marquee1(){
//当demo滚动至demo2的交界处。与就是与demo2重合时。offsetWidth与scrollLeft刚好相等
if(document.getElementById(“demo2”).offsetWidth-document.getElementById(“demo”).scrollLeft<=0){
//demo跳回初始位置
document.getElementById(“demo”).scrollLeft-=document.getElementById(“demo1”).offsetWidth
}
else{
//demo开始重新移动
document.getElementById(“demo”).scrollLeft++
}
}
//setInterval让Marquee1方法每隔多少秒执行一次，并把返回的调用次数ID
MyMar1=setInterval(Marquee1,speed1)
//当鼠标移动demo上面时。调用clearInterval清除MyMar1.这样图片便不会在移动了。移到图片时，第一行和第二行的图片都会停止
document.getElementById(“demo”).onmouseover=function()
{clearInterval(MyMar1);clearInterval(MyMar2)}
//当鼠标移除demo时,重新setInterval让方法执行，这样图片会继续移动
document.getElementById(“demo”).onmouseout=function()
{MyMar1=setInterval(Marquee1,speed1);clearInterval(MyMar2);MyMar2=setInterval(Marquee2,speed1)}
//下面的方法与上面的方法一样，用于第二行的图片向左移动
document.getElementById(“demo_c”).innerHTML=document.getElementById(“demo_b”).innerHTML
function Marquee2(){
if(document.getElementById(“demo_c”).offsetWidth-document.getElementById(“demo_a”).scrollLeft<=0){
document.getElementById(“demo_a”).scrollLeft-=document.getElementById(“demo_b”).offsetWidth}
else{
document.getElementById(“demo_a”).scrollLeft++
}
}
MyMar2=setInterval(Marquee2,speed1)
document.getElementById(“demo_a”).onmouseover=function()
{clearInterval(MyMar2);clearInterval(MyMar1)}
document.getElementById(“demo_a”).onmouseout=function()
{MyMar2=setInterval(Marquee2,speed1); document.getElementById(“demo”).onmouseout()}
lefthit=1        //设置左移按钮，当按了一次左移后(不管按多少次)，在没按右移按钮之前，toleft方法里的的代码不会再被执行
righthit=0    //把右移按钮设为0,这样当下次点了右移按钮的时候，以便toright方法被调用
}
}

var MyMar3    //setInterverval方法返回的间隔ID,些ID为全局的调用次数(用于第一行图片)
var MyMar4    //setInterverval方法返回的间隔ID,些ID为全局的调用次数(用于第二行图片)
var speed2=0    //图片右移的速度
//调用移左方法前,先让右移停止（clearInterval清除setInterval对方法的调用）
function clearright(){
clearInterval(MyMar3)
clearInterval(MyMar4)
}

//图片右移方法(与图片左移方法思路一样)
function toright(){
//判断是否是第一次按下右移按钮（图片往右开始移动的时候，不会在调用此方法。只有当按了左移按钮时，才会把righthit重设为0）
if(righthit==0){
speed2=30;
document.getElementById(“demo2”).innerHTML=document.getElementById(“demo1”).innerHTML
function Marquee_a(){
if(document.getElementById(“demo”).scrollLeft<=0){
document.getElementById(“demo”).scrollLeft=document.getElementById(“demo2”).offsetWidth
}
else{
document.getElementById(“demo”).scrollLeft–
}
}
MyMar3=setInterval(Marquee_a,speed2)
document.getElementById(“demo”).onmouseover=function()
{clearInterval(MyMar3);document.getElementById(“demo_a”).onmouseover()}
document.getElementById(“demo”).onmouseout=function()
{MyMar3=setInterval(Marquee_a,speed2);clearInterval(MyMar4);MyMar4=setInterval(Marquee_b,speed2)}

document.getElementById(“demo_c”).innerHTML=document.getElementById(“demo_b”).innerHTML
function Marquee_b(){
if(document.getElementById(“demo_a”).scrollLeft<=0){
document.getElementById(“demo_a”).scrollLeft=document.getElementById(“demo_c”).offsetWidth
}
else{
document.getElementById(“demo_a”).scrollLeft–
}
}
MyMar4=setInterval(Marquee_b,speed2)
document.getElementById(“demo_a”).onmouseover=function()
{clearInterval(MyMar4);clearInterval(MyMar3)}
document.getElementById(“demo_a”).onmouseout=function()
{MyMar4=setInterval(Marquee_b,speed2);document.getElementById(“demo”).onmouseout()}
righthit=1 //设置右移按钮，当按了一次右移按钮后(不管按多少次)，在没按左移按钮之前，toright方法里的的代码不会再被执行
lefthit=0 //把左移按钮设为0,这样当下次点了左移按钮的时候，以便toleft方法被调用
}
}

JS网页打印大全

寒林 — Tue, 03 May 2011 08:33:07 +0000

Javascript网页打印大全

导读：因贴子较长，特弄个导读出来，有兴趣的研究。
该贴含有如下内容：

普通打印（整页打）打印网页内部分内容（自定义）打印去掉/添加页眉页脚使用外部控件/方法实现多功能打印打印背景

以上为代码控制

设置“页面设置”实现打印参数设置（Window系统图文版）

一、普通打印（整页打）
这个不用多说，直接用

二、打印网页内部分内容（自定义）

分三种方法实现
1、用css控制

.a {display:block}
.b {display:hidden}

把你不想打印的部分class设为b
首先在网页中添加：

VIEWASTEXT>

然后就可以依次加入功能按钮了：

将这两块东西放到

就不会打印这些按钮了。当然要定义noprint了：
只要把不想打印的东西的css设置成noprint就可以了。
现在就实现了基本的web打印，需要注意的情况如下：
a. 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行…设置成提示或者启用，否则会报错，导致不可用。
b. 如果在vs.net编辑环境下编辑该页面，它经常自动的给object添加多余的参数，有了这些东西，打印就会出错，所以要记得最后保存的时候删除它们。

2、用javascript打印固定标签内的内容
a、在页面的代码头部处加入JavaScript：

function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr=””;
eprnstr=””;
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}

b、在页面正文处加上与标识。
也就是在需要用户打印保存的正文所对应的html处附加上。同时，如果采用小偷程序获得远程数据并需打印，可将此等数据置于该定义标签之内即可。
c、截取内容部分已完成，现在加个“打印”的链接：

cript:;” >打印

3、windows自带功能
按住鼠标的左键，将你想要打印的内容选定，然后单击右键选择“打印”，在弹出的打印对话框中的“页面范围”中选择“选定范围”就可以只打印你选择的内容了。

（三）打印去掉/添加页眉页脚

cript >

var hkey_root,hkey_path,hkey_key
hkey_root=”HKEY_CURRENT_USER”
hkey_path=”\\Software\\Microsoft\\Internet Explorer\\PageSetup\\”
//设置网页打印的页眉页脚为空
function pagesetup_null(){
try{
var RegWsh = new ActiveXObject(“WScript.Shell”)
hkey_key=”header”
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,””)
hkey_key=”footer”
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,””)
}catch(e){}
}
//设置网页打印的页眉页脚为默认值
function pagesetup_default(){
try{
var RegWsh = new ActiveXObject(“WScript.Shell”)
hkey_key=”header”
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,”&w&b页码，&p/&P”)hkey_key=”footer”
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,”&u&b&d”)
}catch(e){}
}

复制出去，看下效果就可以了

（四）使用外部控件/方法实现多功能打印

1、IEWebBrowser组件

介绍
http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
http://support.microsoft.com/kb/q247671/#appliesto

代码

” height=”0″>

2、使用ScriptX.cab控件

1．下载ScriptX.cab控件

官网http://www.meadroid.com/scriptx/index.asp

2．使用object元素，修改codebase，classid的值

这里调用控件ScriptX.cab

代码

引用:

这段代码用来加载cab文件，clsid和codebase必须要和你下载的cab中的信息对应，否则组件会加载错误，这两项其实不难找，只要你用winrar打开你下载的cab文件，然后找到扩展名是.inf的文件，然后打开之，就能看到了。

3．调用控件脚本

Print.js文件
代码

引用:

function setPrintBase(headerText,footerText,rootUrl) {

// — advanced features ，未曾使用过，有待确认。

//factory.printing.SetMarginMeasure(2); // measure margins in inches

//factory.SetPageRange(false, 1, 3);// need pages from 1 to 3

//factory.printing.printer = “HP DeskJet 870C”;

//factory.printing.copies = 2;

//factory.printing.collate = true;

//factory.printing.paperSize = “A4”;

//factory.printing.paperSource = “Manual feed”

var header = (headerText==null||headerText==””)?’默认页眉’:headerText;

var footer = (footerText==null||footerText==””)?’默认页角’:footerText;

factory.printing.header = “&b”+header+”&b” ;

factory.printing.footer = “&b”+footer;

factory.printing.portrait = true;

factory.printing.leftMargin =10.00;

factory.printing.topMargin =10.00;

factory.printing.rightMargin =10.00;

factory.printing.bottomMargin =10.00;

}

例子

打印测试

内容

（五）打印背景
默认情况下，使用IE浏览器打印网页时，不打印网页背景。如果需要打印网页背景，可以采用如下的方法设置：
1. 启动IE浏览器。
2. 选择【工具】菜单中的【Internet选项】菜单项，打开【Internet选项】对话框。
3. 打开【高级】选项卡，在【打印】选区中选择【打印背景颜色和图像】复选框。
4. 单击【确定】按钮，关闭对话框。

（六）如何用IE打印网页

Internet Explorer（简称IE）5.0以上版本强大的打印及打印预览功能。本文就向大家介绍如何用IE来打印网页。（谁？谁？谁在扔西红柿？下面一片嘘声：这还用得着你讲呀？！）咳咳咳，是的是的，在IE中打印网页实在是太简单不过了。只需点一下工具栏上“打印”按钮就可将当前网页打印出来。如下图所示：
cript网页打印大全 – 心雨 – 心雨” height=100 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide1.JPG” width=600 border=0>

不过，你这样打出来的效果怎么样呢？我就不敢说了。我今天要和大家讲的就是一些打印方面的设置参数。如何大家把这些参数设置好，你就会发现IE的打印功能快追得上Word了。今后你打印网页时就可以想怎么打就怎么打了。好，闲话少说，现在就跟我来一起看看怎么样设置IE的打印参数。
我们以下图要打印的学生名单（《学生学籍管理系统MX》查询结果网页）为例，讲解如何设置这些打印参数：
cript网页打印大全 – 心雨 – 心雨” height=298 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide2.JPG” width=400 border=0>

假如我们直接点工具栏的“打印”按钮或点“文件”菜单中的“打印”进行打印这个网页的话，就会打印出很多不必要的信息。所以在打印前我们应先用IE5新增的“打印预览”功能查看当前网页的实际打印效果。如下图所示：

cript网页打印大全 – 心雨 – 心雨” height=254 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide3.JPG” width=600 border=0>

在如下图所示的“打印预览”对话框中，我们可以看到，网页标题、网页的URL地址及打印日期等我们所不需要的信息也被打印出来了。而页码又在右上角，能不能把它移到其他位置（如我们常见的右下角）呢？

cript网页打印大全 – 心雨 – 心雨” height=274 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide4.JPG” width=600 border=0>
cript网页打印大全 – 心雨 – 心雨” height=274 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide5.JPG” width=600 border=0>

能不能按照我们所想要的样式来打印网页呢？当然可以。一切就在“页面设置”中。

cript网页打印大全 – 心雨 – 心雨” height=255 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide6.JPG” width=600 border=0>

弹出如下图所示的“页面设置”对话框，所有的秘密都在这里！

cript网页打印大全 – 心雨 – 心雨” height=382 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide7.JPG” width=393 border=0>

原来，IE自动给我们在页眉和页脚处加上了这些不必要的打印信息。如果我们不想要任何页眉和页脚的话，直接删除它们就行了。：-）大部分时候我都是这样做的。但如果你想自定义页眉和页脚的时候，该怎么做呢？上面的那些“&w&b&p”等等究竟表示什么意思呀？给你个表格就知道了。符号含义

&w	网页标题
&u	网页地址 (URL)
&d	短日期格式（由“控制面板”中的“区域设置”指定）
&D	长日期格式（由“控制面板”中的“区域设置”指定）
&t	由“控制面板”中的“区域设置”指定的时间格式
&T	24 小时时间格式
&p	当前页码
&P	总页数
&b	文本右对齐（请把要右对齐的文字放在“&b”之后）
&b&b	文字居中（请把要居中的文字放在“&b”和“&b” 之间）
&&	单个 & 号 (&)

注：1、这些符号可以与文字组合使用，如本教程中的“页码，&p/&P”。
2、页眉和页脚默认是左对齐的，所以IE只提供了右对齐和居中的设置符号。
3、推荐给大家一种设置方法：页眉为空，页脚设为“&b第 &p 页 / 共 &P 页&b”，打印效果为在页脚居中显示“第 1 页 / 共 4 页”的效果。
知道了上面的知识，你就可以打印了。但有时你会发现，网页中的一些图像在打印时不见了。Why？为什么会这样？别着急，IE的默认设置是不打印网页的背景颜色和图像的。您只需进入IE的Internet选项将它选中（打上勾）就行了。具体操作方法是：点IE的主菜单中的“工具”——“Internet选项”——再在弹出的对话框中占击“高级”选项卡，找到“打印背景颜色和图像”一项。如下图所示：

cript网页打印大全 – 心雨 – 心雨” height=369 alt=”Javascript网页打印大全 – 心雨 – 心雨” src=”http://cqzx.sdedu.net/sdms/images/guide8.JPG” width=350 border=0>

然后将上图中红色圈住的选项打上勾，再点“确定”就OK了。

至此，我们就完成了对IE的打印设置。接下来，只要我们没有关闭IE，我们就可以一直使用上述设置（最后一项“打印背景颜色和图像”的更改始终有效）进行打印。打印前一般先进行打印预览，效果满意后再开始打印。

自己曾经用过的打印

JS 实现简单的页面局部打印
function preview(oper)
{
if (oper < 10)
{
bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr=””;//设置打印开始区域
eprnstr=””;//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}

使用很简单将页面内要打印的内容加入中间XXXXX
再加个打印按纽 onclick=preview(1)

JS实现的DIV模拟滚动条(支持IE6,7,8/FF)

寒林 — Thu, 17 Feb 2011 08:22:14 +0000

最近老看浏览器的滚动条不顺眼,设置滚动条样式也只是IE的特有属性.抽了点时间用JS写了个模拟滚动条.IE下支持滚轮滚动,FF下暂时只能用鼠标拖动.说完废话,下面看代码吧~

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
http://www.w3.org/1999/xhtml“>

–

内容1111
内容
内容
内容
内容
内容
内容
内容
内容

内容
内容
内容
内容
内容
内容
内容
内容
内容

内容
内容
内容
内容
内容5555
内容
内容
内容
内容

内容
内容
内容
内容
内容
内容
内容
内容
内容

内容
内容
内容
内容
内容
内容
内容
内容
内容0000

jQuery弹出窗口插件Facebox

寒林 — Fri, 28 Jan 2011 05:31:33 +0000

facebox是一个jquery为基础的lightbox，可显示图像， divs ，或者远程页面。它的使用简单，容易。

首先我们用Facebox观看图片：
text
仅仅这样就OK。

然后我们在来看用Facebox观看div ：
text
ok,就这样就能简单的实现facebox了。

当然在ajax横行的时代，ajax远程加载页面也是必不可少的。
我们用Facebox加载远程的页面内容：
text
OK，这样就能远程加载 cssrain.html 的内容，以facebox的方式显示了。

用法：
facebox应该导入

jQuery(document).ready(function($) {
//超链接的rel属性是否具有facebox
$(‘a[rel*=facebox]’).facebox()
})

本站下载：https://www.3code.cn/download/facebox.zip

让IE6支持PNG透明的方法

寒林 — Thu, 02 Dec 2010 02:19:19 +0000

一个老外写的支持png图片的透明，背景定位。全搞定！！！！
DD_belatedPNG_0.0.8a-min.js
用法

fix处是你需要进行透明化的标签，或者类都可以！！
这是js的下载地址
http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js

容错脚本,不显示js错误

寒林 — Sat, 06 Nov 2010 13:24:14 +0000

用IE浏览器的时候总会在左下角出现”网页上有错误”…. 双击这个黄色的感叹号,出现”该网页上的问题可能使其无法正常显示或功能不正常.以后,双击显示在状态中的警告图标,就可以显示上述信息”.点击”显示详细信息”就会看到网页上的某个地方错误:”缺少对象”之类的话… 出现这个,很难看…别人来浏览的时候,可能会认为你的网站有病毒…. 所以必须消除这个提示…那就得查找代码的错误了… 在查找到错误之前…可以使用js容错代码…把这个错误提示功能给去掉….代码如下:

js文字间隔停顿向上滚动效果(IE-FIREFOX)

寒林 — Tue, 02 Nov 2010 16:45:59 +0000

jquery检测用户是否存在及验证表单

寒林 — Mon, 23 Aug 2010 07:38:47 +0000

本例实现了用JQUERY验证表单字段格式是否正确、检查用户名是否存在、用表单提交成功后的返回值显示。

下载示例包：jquery-userreg.zip

这是用到的JS代码,下载包里面有：

贴一段jquery代码

寒林 — Thu, 10 Jun 2010 05:00:42 +0000

精典多张图片渐变（fade）效果，支付IE与firefox

寒林 — Tue, 01 Jun 2010 08:07:52 +0000

无意间找到的这个图片渐变轮换效果，支持IE与firefox。之前一直都没有找到，都是用flash去做的，呵。

现在把文件放这儿，供大伙下载。

imgfade.rar

jQuery加载远程PHP文件

寒林 — Thu, 13 May 2010 09:09:10 +0000

最近有一个跨域加载远程PHP文件需求，需要将跨域远程的用户信息加载到本地使用，研究和参考相关资料，非常简单，其它后缀类似文件(asp,js)一样。

解决方案如下：

需要两个文件：提供信息的PHP文件(访问的远程文件)，加载远程文件的JS文件(获取或处理远程信息)

——————————————————————

infoBox.php(提供远程信息，与JS文件不在同一域)

$InfoBox = array(‘url’=>’biuuu.com’,’title’=>’必优博客’);

echo ‘var data=’ . json_encode($InfoBox) . ‘;’;

将数据组装数组，通过PHP内置函数json_encode将数组转化成json数组，方便数组内容被远程调用。

——————————————————————

box.js(调用远程PHP文件JS类)

var box = {};

var remoteUrl = ‘http://www.biuuu.com/infoBox.php’;//远程调用URL

box.showBoxInfo = function() {

jQuery.getScript(remoteUrl, function(){

var boxInfoWrapper = jQuery(‘#boxInfoWrapper’);

var html = box.getBoxHtml(data.url,data.title);

boxInfoWrapper.html(html);

});

}

box.getBoxHtml = function(url,title){

return ‘

’+title+'

’;

}

remoteUrl就是前面infoBox.php的远程路径，通过getScript直接调用。其中boxInfoWrapper就是要显示信息 DIV的ID。

——————————————————————

test.html(测试HTML文件，包含JQuery与前面的box.js类)

jQuery.getScript跨域加载远程PHP文件实现过程非常简单，扩展性非常性，可以实现非常强大的功能，其它应用可以更深入的实践，供参考。

转载自必优博客 http://www.biuuu.com/

很酷的伸缩导航菜单

寒林 — Tue, 11 May 2010 05:56:21 +0000

很酷的伸缩导航菜单

站长特效

特效频道子菜单

网页特效

广告代码

简单易用的JS+CSS伸缩菜单

寒林 — Tue, 11 May 2010 05:27:58 +0000

简单易用的JS+CSS伸缩菜单-3code.cn/

Jquery ajax获取返回值实例

寒林 — Sun, 09 May 2010 02:32:56 +0000

以下代码经测试通过，根据不同应用可以此代码修改。

Html 及js代码：

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
http://www.w3.org/1999/xhtml“>

a.php代码：

精选JS – 九创科技

jQuery鼠标上下滚动触发事件调用的写法

2014最新youku去广告代码

在线QQ,在线MSN，在线Skype代码生成

滚动返回页面顶部的JS特效gototop

鼠标经过图片变暗的js兼容IE FIREFOX

JS无间隙向左,向右,向上,向下滚动兼容IE,firefox

滚动合集

向上

向右

向下

向左

手动滚动 – 上 下

手动滚动 – 左 右

JS图片左右无缝隙滚动(兼容IE,Firefox 遵循W3C标准)

JS网页打印大全

Javascript网页打印大全

JS实现的DIV模拟滚动条(支持IE6,7,8/FF)

jQuery弹出窗口插件Facebox

让IE6支持PNG透明的方法

容错脚本,不显示js错误

js文字间隔停顿向上滚动效果(IE-FIREFOX)

jquery检测用户是否存在及验证表单

贴一段jquery代码

精典多张图片渐变（fade）效果， 支付IE与firefox

jQuery加载远程PHP文件

很酷的伸缩导航菜单

站长特效

网页特效

广告代码

简单易用的JS+CSS伸缩菜单

Jquery ajax获取返回值实例

手动滚动 – 上下

手动滚动 – 左右

精典多张图片渐变（fade）效果，支付IE与firefox