如何让Jquery在页面的某个区域展开div?

时间:2012-10-08 13:24:07

标签: javascript jquery html css

根据来自此外包数据的信息量,只需要高度扩展或折叠。 这是我的Html代码。

  <div style="width: 775px; position: relative; left: 15px; top: -745px; height: 250px; border: #CCC; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-width: 1px;"></div>

  <div style="width: 760px; position: relative; height: 17px; background-color: #Db0000; layer-background-color: #Db0000; border: 1px none #000000; color: #FFF; font-size: 12px; padding-left: 16px; padding-top: 4px;"> Promero<span style="font-weight: bold">NEWS</span></div>
<div style="width: 776px; position: relative; height: 2.5px; background-color: #Db0000; layer-background-color: #Db0000; top: 2px;"></div>

<div style="position: relative; width: 775px;">
  <p id="p1" style="color: #E23030; font-style: italic; font-weight: bold; font-size: 16px; font-family: arial, 'Trebuchet MS';">News Release</p>
  <p>July 16, 2012 -<em id="em"><a href="#">Salesforce CRM users connect to Promero's hosted call center software, Oracle Contact Center Anywhere</a></em>
  <p id="p2">March 6, 2012 -<em id="em"><a href="#">Promero offers complete Call Center Solution-Workforce Management-Complex IVR Scripting-CRM</a></em>
  <p>March 1, 2012 -<em id="em"><a href="#">Promero offers Oracle #1 Call Center Software only $59 per User </a></em>
  <p>February 24, 2012 -<em id="em"><a href="#">Promero announces Complex IVR Solution for Oracle CRM</a></em>
  <p>January 15, 2012 - <em id="em"><a href="#">Promero offers customized Dashboards for Oracle Contact Center Anywhere</a></em>
  <p>December 14, 2011 - <em id="em"><a href="#">Promero adds RiverStar CE Suite to Oracle Call Center Cloud Offering</a></em> 
</div>

`

2 个答案:

答案 0 :(得分:1)

我不会动摇你的问题,但我认为你想用jquery在页面的一部分加载新闻 对于处理此问题,您可以使用此代码

$("#YourElementWillLoadingNewsHere").load("YourUrl from ROOT");

此代码用于将jquery加载到一个元素中,我希望能帮到你

答案 1 :(得分:1)

对于这个问题你应该使用这个css代码

#x{
   min-height:50px;
   height:auto;
}

此样式代码会导致div高度适合页面新闻 min-height size是示例,您可以根据数据进行调整 最好的问候