【一个cssQuery对象 javascript脚本实现代码】教程文章相关的互联网学习教程文章

js漂浮广告实现代码(合集经典)符合W3C_布局与层【图】

第一种 漂浮广告 不符合W3CJavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了。希望站长朋友喜欢。 漂浮广告 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") function float() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style....

jQueryUIDialog创建友好的弹出对话框实现代码_jquery

主要参数 jQuery UI Dialog常用的参数有: 1、autoOpen:默认true,即dialog方法创建就显示对话框 2、buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3、modal:默认false,是否模态对话框,如果设置为true则会创建一个遮罩层把页面其他元素遮住 4、title:标题 5、draggable:是否可手动,默认...

基于jquery的不规则矩形的排列实现代码_jquery

这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置, 实在找不到,则换行排列下一行,具体思路是这样。代码里有详细的注释直接看代码吧。 下面是一个demo: http://demo.jb51.net/js/2012/sortRect/代码打包下载 sortRect.rar 代码如下: 不规则宽高排列 .box { position: absolute; width: 100px; height: 1...

JavaScript打开word文档的实现代码(c#)_javascript技巧

在C#中打开word文档其实不算太难,方法也比较多。 一.C#中打开word文档方法 代码如下: //在项目引用里添加上对Microsoft Word 11.0 object library的引用 private void button1_Click(object sender, System.EventArgs e) { //调用打开文件对话框获取要打开的文件WORD文件,RTF文件,文本文件路径名称 OpenFileDialog opd = new OpenFileDialog(); opd.InitialDirectory = \"c:\\\\\"; opd.Filter = \"Word文档(*.doc)|*.doc|文本...

Javascript键盘事件的组合使用实现代码_javascript技巧

代码如下: txt1.onkeydown = function(ev){ var oevent = ev||event; if(oevent.ctrlKey && oevent.keyCode == 13){ …… } } txt1:绑定事件的对象,例如:一个文本输入框input。 oevent:事件对象(包含事件的很多有用详情)。 keyCode:可以获取到键盘按下的键值。例如:回车键就是13。 ctrlKey:是一个布尔值,表示键盘上面的ctrl键是否为按下状态。(当然还有:altKey,shiftKey)。 上面的代码表示:按下ctrl和回车键,执行省略号中...

仿微博字符限制效果实现代码_javascript技巧【图】

这是初始状态输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个。这个是超出的样子如果超出了点击提交,会有红色闪动提示好了,效果就是这样子,都是js的。。用的话,记得加个jq文件过来。。 这里是超出只有提示,还可以超出以后截掉多余的。。不过公司项目不用,说是体验不好~~~ 代码如下: var oH2 = $("#spetit_word");//提示文字 var oTextarea = $("#p_qa_content");//输入框 var oButton = $("#bt-ico");//按钮 代...

jQueryUI写一个调整分类的拖放效果实现代码_jquery【图】

所以还是自己动手丰衣足食,还是坚持简单就是美的代码风格。 试试在iframe里嵌入一个测试页面,你可以使用鼠标拖动项目,调整分类: 当然,这并不是我要的最终效果,只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上,还要增加自动排序,位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下,如要复制,请先查看纯文本版本! 代码如下: Drag & Drop Test <script type="text/javascript" src="https://...

基于jQuery的公告无限循环滚动实现代码_jquery【图】

在线演示:http://demo.jb51.net/js/2012/callboard/jQuery代码 代码如下: //第二版:Newton改造 (function (win){ var callboarTimer; var callboard = $(#callboard); var callboardUl = callboard.find(ul); var callboardLi = callboard.find(li); var liLen = callboard.find(li).length; var initHeight = callboardLi.first().outerHeight(true); win.autoAnimation = function (){ if (liLen <= 1) return; var self = ar...

JS拖拽的进一步练习,移动与拉伸实现代码_javascript技巧

直接在本地是支持IE6的,有个问题就是,鼠标点击的时候光标会变为选择文字的光标,不知道应该怎么处理这个问题呢? 在此记录一下代码: 简单拖拽扩展 *{margin:0;padding:0;} #outwarp{ margin:20px auto; width:600px; height:600px; background:#fff; border:1px solid #333; position: relative; } .controlBox{ width:200px; height:200px; position: absolute; left:25px; top:50px; background:#ccc; font-size:12px; col...

自己做的模拟模态对话框实现代码_javascript技巧【图】

代码如下: 无标题文档 选择经度: document.getElementById("txtSelect").onfocus=function(){ var windows = document.getElementById("window"); var title = document.getElementById("title"); var layer = document.getElementById("layer"); if(windows==null&&layer==null&&title==null){ var style = document.createElement("style"); style.type="text/css"; document.body.appendChild(style); var styleText...

javascript简单拖拽实现代码(鼠标事件mousedownmousemovemouseup)_javascript技巧

mousedown 的时候创建拖动对象,mouseup的时候释放对象,原理弄清楚了其实很简单。 简单拖拽实现代码: 简单拖拽实现 *{margin:0;padding:0;} #box{ margin:20px auto; position:relative; width:400px; height:400px; background:#ccc; border:1px solid #333; postion:relative; } #dragBox{ width:50px; height:50px; text-align:center; line-height: 50px;position: absolute; background:blue; cursor:move; font-size:12...

jQuery联动日历实现代码_jquery【图】

来看下效果图 一、先来说下功能: 1.点击“确定”显示日历 2。再次点击隐藏,或从DOM中删除这个日历。如些反复第一,和第二这两步。 3.让日历中显示当前月份日期(多少天,每天是多少号)。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 二、再来说下HTML结构。 1.上面蓝色的是一个DIV,显示当前月分,和上月,下月。 2.下面的日期和星期,是用一个table结构存放数据。星期用thead,日期用:tbody存放。 三、功能展...

Javascript处理DOM元素事件实现代码_javascript技巧

DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function的方式就不够用了,但是浏览器有addEventListener和attachEvent方法可供调用,从而模拟出类似于C#中的事件委托的事件触发机制! 代码如下: /* * 功能:事件处理 * Author:LQB * 时间:2009-1-4 * #include JCore.j...

jQuery操作inputtype=radio的实现代码_jquery

如下: 代码如下: 北京 天津 南京 扬州 苏州 1、获取选中的radio的值: 代码如下: $("input[name=city]:checked").val();   使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。 2、给指定值的radio设置选中状态: 代码如下: $("input[name=city][value=YangZhou]").attr("checked",true);   给name="city"而且value="YangZhou"的radio设置选中状态。 3、取消name="city"的radio的选中状态...

jQuery操作inputtype=checkbox的实现代码_jquery

代码如下: : 2012欧洲杯"死亡之组"小组出线的国家队是: 德国 丹麦 荷兰 葡萄牙   1、小组第一名和第二名出线,所以要限制只能选两项。 代码如下: var len = $("input[name=nation]:checked").length; if(len==0) { alert("请选择出线的国家队!"); return false; }else if(len<2) { alert("请选择两个国家队!"); return false; }else if(len>2) { alert("只能选择两个国家队!"); return false; }else { return true; }   ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部