第一种 漂浮广告 不符合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....
主要参数 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:是否可手动,默认...
这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置, 实在找不到,则换行排列下一行,具体思路是这样。代码里有详细的注释直接看代码吧。 下面是一个demo: http://demo.jb51.net/js/2012/sortRect/代码打包下载 sortRect.rar 代码如下: 不规则宽高排列 .box { position: absolute; width: 100px; height: 1...
在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|文本...
代码如下: txt1.onkeydown = function(ev){ var oevent = ev||event; if(oevent.ctrlKey && oevent.keyCode == 13){ …… } } txt1:绑定事件的对象,例如:一个文本输入框input。 oevent:事件对象(包含事件的很多有用详情)。 keyCode:可以获取到键盘按下的键值。例如:回车键就是13。 ctrlKey:是一个布尔值,表示键盘上面的ctrl键是否为按下状态。(当然还有:altKey,shiftKey)。 上面的代码表示:按下ctrl和回车键,执行省略号中...
这是初始状态输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个。这个是超出的样子如果超出了点击提交,会有红色闪动提示好了,效果就是这样子,都是js的。。用的话,记得加个jq文件过来。。 这里是超出只有提示,还可以超出以后截掉多余的。。不过公司项目不用,说是体验不好~~~ 代码如下: var oH2 = $("#spetit_word");//提示文字 var oTextarea = $("#p_qa_content");//输入框 var oButton = $("#bt-ico");//按钮 代...
所以还是自己动手丰衣足食,还是坚持简单就是美的代码风格。 试试在iframe里嵌入一个测试页面,你可以使用鼠标拖动项目,调整分类: 当然,这并不是我要的最终效果,只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上,还要增加自动排序,位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下,如要复制,请先查看纯文本版本! 代码如下: Drag & Drop Test <script type="text/javascript" src="https://...
在线演示: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...
直接在本地是支持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...
代码如下: 无标题文档 选择经度: 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...
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...
来看下效果图 一、先来说下功能: 1.点击“确定”显示日历 2。再次点击隐藏,或从DOM中删除这个日历。如些反复第一,和第二这两步。 3.让日历中显示当前月份日期(多少天,每天是多少号)。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 二、再来说下HTML结构。 1.上面蓝色的是一个DIV,显示当前月分,和上月,下月。 2.下面的日期和星期,是用一个table结构存放数据。星期用thead,日期用:tbody存放。 三、功能展...
DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function的方式就不够用了,但是浏览器有addEventListener和attachEvent方法可供调用,从而模拟出类似于C#中的事件委托的事件触发机制! 代码如下: /* * 功能:事件处理 * Author:LQB * 时间:2009-1-4 * #include JCore.j...
如下: 代码如下: 北京 天津 南京 扬州 苏州 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的选中状态...
代码如下: : 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; } ...