月度归档:2020年07月

css中如何绘制一条横线呢?


摘要:
下文讲述使用css脚本绘制横线的方法分享,如下所示;

方法1:使用DIV的下边框绘制横线

方法2:直接使用hr标签

例:


 <div style="width:600px;height:1px;margin:0px auto;padding:0px;background-color:red;overflow:hidden;"></div>

 <hr style="margin:0px;height:1px;border:0px;background-color:red;color:red;"/>
  

如何处理div中的图片溢出呢?


摘要:
下文讲述避免div中的图片溢出的处理方法分享,如下所示;

在网页设计时,当我们没有对图片进行宽度设置时,此时当图片过大时,
将会溢出div盒子,那么我们如何避免这种情况发生呢?
下文将讲述具体的实现方法:

实现思路:
    设置div下图片的width属性为百分之百,即可避免图片溢出

例:

 
<p>
maomao365.com<br />
图片溢出的处理方法分享
</p>
<hr />
<style>
div{
  width:200px;
  height:200px;
  border:1px solid green;
  margin:3px;
  padding:10px;
} 


/*避免图片溢出的css代码*/
#a img{ width:90%;}
  
</style>
<div id="a">
<img  alt=""
src ="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png"
/>
 </div>
 
<div id="b">
<img  alt=""
src ="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png"
/>
 </div>
css处理div中图片溢出的方法分享

css处理div中图片溢出的方法分享

javascript之jquery如何获取一个集合对象中指定索引范围的对象呢?


摘要:
下文讲述jquery获取指定索引范围中的对象列表,如下所示;

实现思路:
    jquery选择器:
  eq(index) 匹配选择器列表中的第index个元素
  gt(index) 匹配选择器列表索引 大于 index 的元素
  lt(index)  小于 index 的元素
------------------------------
   index:从0开始计数
---------注意事项------
必须先gt选择器,然后lt选择器,才能选择出指定范围内的数据

例:

  <meta charset='utf-8' />
<p>
maomao365.com<br />
jquery获取指定索引范围的对象
</p>
<hr />
<ul>
    <li>猫猫教程-1</li>
    <li>猫猫教程-2</li>
    <li>猫猫教程-3</li>
    <li>猫猫教程-4</li>
    <li>猫猫教程-5</li>
    <li>猫猫教程-6</li>
    <li>猫猫教程-7</li>
    <li>猫猫教程-8</li>
</ul>
<hr />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"> </script>
<script>
  var a =$("ul li:gt(2):lt(4)");
   
  for(var i=0;i<a.length;i++)
  {
    document.write("<span style='color:red;font-weight:bold;'>"+$(a[i]).html()+"<br /></span>");
  }
</script> 
javascript之Jquery获取指定索引范围内的对象示例分享

javascript之Jquery获取指定索引范围内的对象示例分享