Luffy

摘要： 宽度自适应：就是元素的宽度根居里面的内容来变化;一、宽度自适应的元素水平居中： 1.宽度自适应的元素可以是：绝对位定、浮动元素、行内元素。而我们通常布局，肯定不会用行内元素，所以会选择，绝对定位或浮动。 2.居中：这里我们应该会想到1/2、50%、一半等这些东西。 上图中：黑色为body，深绿色需要在body中水平居中，并且宽度是自适应的。亮绿色，是一个多余的DIV，就是为了让深绿色的DIV水平居中。 以下是实现代码： pos元素的float:left或都用position:absolute;都可以，因为这两个属可以宽度自适应。 先这个多余的DIV亮绿色，水平50%移动(移动，... 阅读全文

摘要： $(function(){ var box_W = $(".PIC360").width(); var box_H = $(".PIC360").height(); var box_X = $(".PIC360").offset().left; var box_Y = $(".PIC360").offset().top; //求出中心点的横坐标值 var center_X = Math.ceil(box_X+(box_W/2)); //求出中心点的纵坐标值 var center_Y = Math.ceil(box_ 阅读全文

摘要： 比如A页面和B页面都有一个共同的导航，当从A跳转到B，B中的导航应该记住在A点击的那个链接跳转到B这个页面，那么B页面中的那个链接也应该是选中或者激活状态。当时的解决方案是通过JS来实现的，当点击链接的时候，通过URL来记录导航所标注的链接，然后在新的打开的页面取得URL参数，判断导航上的那个选项为激活状态。发现CSS3的:target选择器正好可以解决此问题转载地址：http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5591961#lastpost下载DEMO 阅读全文

摘要： 先感谢下“妙味课堂”视频效果图$(function(){ $(document).click(function(event){ /*1.创建DIV并插入到body当中 *2.设置其初始位置：TOP为屏幕的高度，left为鼠标点击时，鼠标的pageX值； */ //创建DIV var $div = $("<div/>"); var eLeft = event.pageX; var etop = event.pageY; var cHeight = document.documen... 阅读全文

摘要： “妙味课堂”提供的视频http://bbs.miaov.com/首页，就有这效果$(function(){ var timer = true; //执行向上或向下的开关 var liindex = 0; //LI的索引 var $div = $(".byc").find("div"); //每隔三秒执行一次变换LI的内容 var set1 = setInterval(function(){ ainbyc($div); liindex = 0; timer = !timer; ... 阅读全文

摘要： 感谢“妙味课堂”的视频$(function(){ var $tex = $(".tex"); var $but = $(".but"); var ie = jQuery.support.htmlSerialize; var str = 0; var abcnum = 0; var maxNum = 280; var texts= 0; var num = 0; var sets = null; $tex.val(""); //顶部的提示文字 $tex.focus(function(){ if(... 阅读全文

摘要： 一、要实现的功能： 1.点击上面的箭头，切换至上一个月，或下一个月，并且是联动的。 2.只要不是现实中的当月，那么显示的日期，都是灰色底。二、分析： 1.当我们点击切换日期的箭头时，要改变顶部蓝色的年份和日期。 2.当我们点击切换日期的箭头时，下面TD的日期也要和上面显示的月份对应起来。 3.用一个判断，是否现实中的当月，来控制TD的背景色，是否为灰色DEMO下载//点击更新前一个月 $(".pre").live("click",function(){ nowTitleDateM--; if(nowTitleDateM == 11){ ... 阅读全文

摘要： function aaa(){ return bbb();}var b = (function bbb(){ return function(){ debugger //something }})()上面没有问题function aaa(){ return bbb();}var b = (function (){ return function(){ debugger //something }})()上面会出现问题，原因是匿名函数。所以在做调试的时候，需要给函数一个名字。例如上面的function bbb(){} 阅读全文

摘要： if(window != window.top){ window.top.locaction.href = window.locaction.href}上面的判断，是验证当前的页面，被iframe嵌套了没有？如果有就让这个嵌套的页面的，URL地址，等于当前被嵌套的页面的URL地址;即跳转到真正的网站。感谢“妙味课堂”视频教程！ 阅读全文

摘要： 还是先感谢“妙味课堂”出的这期教学视频！一、在使用iframe的页面，要操作这个iframe里面的DOM元素可以用：contentWindow、contentDocument(测试的时候chrom浏览器，要在服务器环境下)1.先获取iframe里面的window对象，再通过这个对象，获取到里面的DOM元素例子：var ifr = document.getElementById("iframe");ifr.contentWindow.document.getElementById("XXXXX")<iframe src="a.html&qu 阅读全文