代码如下: 重写alert var showAlert = function(msg){ jAlert(msg, "提示!"); } window.alert=showAlert;$.alerts={ verticalOffset:-75,horizontalOffset:0,repositionOnResize:true,overlayOpacity:.01,overlayColor:'#FFF',draggable:true,okButton:' OK ',cancelButton:' Cancel ',dialogClass:null,alert:function(message,title,callback){ if(title==null)title='Alert'...
下面和大家分享一下具体的实现过程。 HTML标签结构:代码如下: 菜单一菜单一 菜单二菜单二 菜单三菜单三 菜单四菜单四 CSS样式:li的样式:代码如下:.animation_menu li{ /*块状模式显示,并使其水平平铺显示*/ display:block; float: left;/*宽高是背景图片的*/ width: 111px; height: 50px;/*设置文字垂直水平居中*/ line-height: 5...
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: function addOption(){ //根据id查找对象, var obj=document.getElementById(mySelect); //添加一个选项 obj.add(new Option("文本","值")); //这个只能在IE中有效 obj.options.add(new Option("text","value")); //这个...
1、图片滚动 代码如下: $(document).ready(function () { Xhun(".a"); //----------------------只需要修改 ”.a" (就是最大的div的class值这里就行---------------------}); function Xhun(_box) { var box_frame = _box + " div ul"; var box_div = _box + " div"; $(_box).find("ul").wrap(""); //添加一个div,来控制偏移量 $(box_div).append($(box_frame).clone()); //克隆一个ul并...
向上 代码如下:连续向上滚动body { font-size: 9pt; color: #000000;}a { color: #0000FF; text-decoration: none;}a:hover { color: #FF0000; text-decoration: underline;} 链接一 链接二 链接三 链接四 marqueesHeight=200;stopscroll=false; with(marquees){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("...
代码如下: table{border:1px solid #666;} table td{border:1px solid #eee;width:200px;height:200px;} img{width:200px;height:200px;border:none;position:relative;} $(function () { // $('img').click(function () { // $('img').animate({ left: '-=200px' }, 2000).animate({ left: '-=200px' }, 2000) // .animate(...
Html dom 是指在w3c规范出现之前,各个浏览器支持的一些dom操作。 1,Select对象。 属性 a,selectedIndex:用户选择的选项的下标,下标从0开始 b,length: 获取或者设置选项的个数 c,options: 返回一个数组,数组元素是Option对象 2,Options对象 属性: a,text:选项的文本内容 b,value:选项的値 c,selected: 当该选项被选上,值为true,否则为false 小知识:创建一个Option对象 代码如下: var op=new Option(text,value); 我写的一...
目前JqueryUI提供的对话框支持使用相对比较的方便,示例代码如下所示: 代码如下: $(function () {$("#dlg").dialog({autoOpen: false,closed: true,width: 450,modal: true,appendTo: "form",buttons: {"OK": function () {$("form").submit();},"Cancle": function () {$(this).dialog("close");}},close: function () {}});$("#").button().click(function() { $("#dlg").dialog("open"); return false });}); 其中值得注意的...
css 代码如下:body, span, div, td { font-size:12px; line-height:1.5em; color:#849BCA; }#bodyL { float:left; width:84px; margin-right:2px; }a.od { width:80px; height:25px; line-height:25px; text-align:center; font-weight:bold; border: 2px solid #849BCA; display:block; color:#547BC9; float:left; text-decoration:none; margin-top:2px; }a.od:link { background:#EEF1F8; }a.od:visited { background:#EEF1F8;...
腾讯微博app撕纸效果body{margin:0;padding:0;font-size:14px;line-height:22px;} .content,content_mack{width:300px;height:400px;overflow:hidden;font-size:12px;line-height:20px;background:#f2eee3;cursor:pointer;} .content_mack{position:absolute;top:0px;left:0;} .mack{position:absolute;width:300px;height:50px;overflow:hidden;top:0px;left:0px;background:#fff;} .bg_sizhi{position:absolute;width:300px;heig...
本示例使用Javascript实现了滚动页面时,DIV到达顶部时固定在顶部。在IE下效果有点闪,效果网址:http://www.keleyi.com/keleyi/phtml/fixdiv.htm 下面是代码: 代码如下: href="http://www.keleyi.com/menu/net/" target="_blank">.NET Javascript jQuery C# 其他 首页 $(function () { var ie6 = document.all; var dv = $('#fixedMenu_keleyi_com'), st; dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 ...
jQuery实现Tab切换 接触jQ不久以前的js代码来写的简单效果现在用jQ来写: HTML代码: 代码如下: 最新评论近期热评随机文章 1234567890-1 1234567890-2 1234567890-3 css代码: 代码如下: #sidebar-tab{border:1px solid #ccf;margin-bottom:1.5em;overflow:hidden;} #tab-title h3{color:#666;font-size:15px;font-weight:400;} #tab-title .selected{color:#356aa0;border-bottom:0px;} /*标题被选中时的样式*/ #tab-tit...
一、新建一js文件jQuery_FixedTableHead.js 内容如下:代码如下:jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) {var obj = document.getElementById("tableHeaderDiv" + tableId);if (obj) {jQuery(obj).remove();}var browserName = navigator.appName;var ver = navigator.appVersion;var browserVersion = parseFloat(ver.substring(ver.indexOf("MSIE") + 5, ver.lastIndexOf("Windows")));var content =...
本实例使用jquery操作div的CSS,实现了可隐藏重现的靠边悬浮层,预览效果网址:http://www.keleyi.com/keleyi/phtml/xuanfudiv/ 本实例使用到jquery添加移除类的两个方法,详细介绍请参考网址:http://www.keleyi.com/a/bjac/e9e40a974de5a902.htm 下面给出完整代码,保存到html文件可查看效果。 代码如下: jquery实现的可隐藏重现的靠边悬浮层-脚本之家 body{ margin:0px;} .onkeleyicom{left:0px;} .offkeleyicom{left:-14...
代码如下: 代码如下: 导航条在项目中的应用 $(function(){ $(".tit").find("span").click(function(){ $(this).toggleClass("closeBtn2").parent().next().slideToggle(); //实现内容隐藏显示,及图标的切换 }) ; $(".clsBot").click(function(){ $(this).parent().find("li:gt(4)").toggle(); //实现内容索引值大于4的隐藏或者显示...