jQuery多余内容显示与隐藏插件readmore.js-窗口特效-ab蓝学网
插件描述，平滑，轻巧的jQuery插件折叠和展开大段文字与“阅读更多”和“关闭”链接。 控制输入的字数
readmore.js
平滑，轻巧的jQuery插件折叠和展开大段文字与“阅读更多”和“关闭”链接。
对于Readmore.js所需的标记也非常轻巧，非常简单。无需复杂的格式或编码的类名，只需调用.readmore()包含文本块的元素和Readmore.js即可完成剩下的工作。
Readmore.js与jquery版本大于1.7.0。
$('article').readmore();
是的，就这么简单。您可以更改动画，倒塌块的高度，以及打开和关闭元素的速度。
$('article').readmore({
& speed: 75,
& maxHeight: 500
速度：100（单位为毫秒）
maxHeight：200 （像素）
heightMargin：16（以像素为单位，以避免倒塌是比仅稍大块了maxHeight）
moreLink：'&a HREF=&#&&阅读更多&/ a&'
lessLink：'&a HREF=&#&&关闭&/ a&的“
embedCSS：true（需插入CSS的动态，将其设置为假，如果你有一个样式表需要的CSS）
sectionCSS：'display: width: 100%;'（设置块的造型，忽略，如果embedCSS是假的）
startOpen：false（不要立即截断，开始在全开位置）
expandedClass：'readmore-js-expanded'（类添加扩展模块）
collapsedClass：'readmore-js-collapsed“（类加入到折叠块）
beforeToggle：function（）{} （称为或多或少链接被点击后，但之前的块被折叠或展开。）
afterToggle：function（）{} （称为后，该块被折叠或展开）
如果该元素具有最大高度 CSS属性，Readmore.js将使用该值，而不是maxHeight选项。
上编：下编：
本月热门的内容
1 2 3 4 5 6 7 8 9 10
最近更新的内容用jquery实现显示和隐藏部分tr_百度知道
用jquery实现显示和隐藏部分tr
我写了一个js，要达到的目标是：1.打开页面时除第一行外，其余的行都隐藏；2.当点击“显示”之后，后面的行显示出来；3.当点击“隐藏”之后，后面的行都隐藏
我有更好的答案
这个有好几种方式的一种就是控制大框架的高度，超出隐藏，然后Js是控制点击显示的时候高度自适应，点击隐藏的时候高度为设置的高度。大致写下jquery吧
看下应该不难&ul&
&li&第一行&/li&
&li&第二行&/li&
&li&第三行&/li&
&li&第四行&/li&
&li&第五行&/li&&/ul&&input type=&button& value=&显示&&&input type=&button& value=&隐藏&&第一种&script type=&text/javascript&&$('input[val=&隐藏&]').click(function(){
$('li:first').show().siblings('li').hide();})$('input[val=&显示&]').click(function(){
$('li').show();})&/script&第二种&script type=&text/javascript&&$('input[val=&隐藏&]').click(function(){
$('ul').css({height:'20px',overflow:'hidden'})})$('input[val=&显示&]').click(function(){
$('ul').css({height:'auto',overflow:'hidden'})})&/script&第三种&script type=&text/javascript&&$('li:first').after('&/ul&&ul class=&ul1&&')$('input[val=&隐藏&]').click(function(){
$('ul.ul1').hide();})$('input[val=&显示&]').click(function(){
$('ul.ul1').show();})&/script& 简单的方法，具体怎么用还得看具体情况。
采纳率：32%
Jquery:$(document).ready(function(e)&{&&$(&#hid&).click(function(){ $(&#all&tr&).not($(&#one&)).hide(1000);&&});&&$(&#show&).click(function(){&&&&&$(&#all&tr&).show(1000);&&});&&&&&&});html&&部分代码&body&&input&type=&button&&value=&show&&id=&show&&&/&&input&type=&button&&value=&hidden&&id=&hid&&/&&&&table&id=&all&&&&&&&tr&id=&one&&&td&one&/td&&/tr&&&&&&tr&&td&...&/td&&/tr&&&&&&tr&&td&...&/td&&/tr&&&&&&tr&&td&...&/td&&/tr&&&&&&tr&&td&...&/td&&/tr&&&&/table&&/body&csstable{&width:500&border-collapse:0;&border-spacing:0;}table&tr&td{&border:1px&solid&#}带动画效果哦&亲
本回答被提问者采纳
比如说这是你的表格或者li我就拿li说吧：&ul&&&&&&li&&&&&&&&&&span&这是第一行&/tdspan&&&&&/li&&&&&&li&&&&&&&&&&span&这是第二行&/span&&&&&&/li&&&&&&li&&&&&&&&&&span&这是第三行&/span&&&&&&/li&&/ul&&span&onclick=&wxz()&&显示&/span&$(document).ready(function(){&&&&wxz();}var&biaoshi=1;function&wxz(){&&&&&var&this=$(&ul&li&).eq(0);&&&&if(biaoshi==1){&&&&&&&this.siblings('li').show();&&&&&&&&biaoqian=2;&&&&}else{&&&&&&&this.siblings('li').hide();&&&&&&&biaoqian=1;&&&&}}
为您推荐：
其他类似问题
您可能关注的内容
jquery的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。jQuery实现多个li点击切换和显示隐藏_百度知道
jQuery实现多个li点击切换和显示隐藏
我写了一段代码能实现切换，但是点击时不能显示隐藏
$(function(){
$(&#topnav li&).each(
$(&#topnav li&).bind(&click&,function(){
$(this).siblings().removeClass(&click&).children(&span&).css(&display&,&none&);
我有更好的答案
原理：使所有的图片隐藏然后控制对应的图片显示。初始化：现将所有的图片隐藏控制第一张显示。（可通过css实现）。过程：当鼠标点击数字的时候，先控制所有的图片全部隐藏，控制数字对应的图片显示即可。实现方法：&ul&id=&img&&&li&&img&src=&1.jpg&&/&&/li&&li&&img&src=&2.jpg&&/&&/li&&li&&img&src=&3.jpg&&/&&/li&&li&&img&src=&4.jpg&&/&&/li&&/ul&&ul&id=&num&&&li&1&/li&&li&2&/li&&li&3&/li&&li&4&/li&&/ul&&script&type=&text/javascript&&$(&#img&li&).css(&display&,&none&);//初始化隐藏全部的图片$(&#img&li:eq(0)&).css(&display&,&block&);//只显示第一个图片$(&#num&li&).click(function(){//当鼠标经过数字$(&#img&li&).css(&display&,&none&);//隐藏全部的图片$(&#img&li:eq(&+$(this).index()+&)&).css(&display&,&block&);//数字对应的图片显示});
中国IT职业教育领先品牌
主营：教育培训-JAVA培训-大数据培训-Html5培训-UI培训-python培训等
这个，最好把你的html代码也贴出来吧。$(function(){
&&&&$(&#topnav&li&).each(&&&&&&&&$(this).bind(&click&,function(){&&&&&&&&&&&&$(this).siblings().removeClass(&click&).children(&span&).css(&display&&,&none&);& &&&&$(this).addClass(&click&).children(&span&).css(&display&,&block&);& &&&&}) ); &
});还是把你的html代码贴出来吧。
本回答被网友采纳
&!DOCTYPE html&&html&&head& &meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /& &title&test&/title& &style type=&text/css&& li{ line-height:200%; background:#}.click{ background:#000; color:#} .nav_title li{ display: float: height: 32 line-height: 32 border: 1 margin-left: -1} .nav_under{ display: width: 100 height: 100 border: solid 1} &/style&& && &script src=&
&script language=&javascript&&
$(document).ready(function(){
&$(&#topnav li&).each(function(){
$(&#topnav li&).bind(&click&,function(){
//$(this).children(&span&).css(&display&,&none&).parent().siblings().removeClass(&click&);&
$(this).children(&span&).toggle().parent().siblings().toggleClass(&click&);&
}); &/script&& & &/head& &body&&ul id=&topnav&&&li class=&click&&111&span&111-1&/span&&span&111-2&/span&&/li&&li class=&click&&222&span&222-1&/span&&span&222-2&/span&&/li&&li class=&click&&333&span&333-1&/span&&span&333-2&/span&&/li&&/ul& &/body&&/html&测试：初始化点击再次点击又变为初始化效果~~~
为您推荐：
其他类似问题
jquery的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。JS脚本:jquery 如何动态添加、删除class样式方法介绍_百度知道
JS脚本:jquery 如何动态添加、删除class样式方法介绍
我有更好的答案
取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class，JQuery代码如下：复制代码代码如下:var p_class = $(&p&).attr(&class&); //获取p元素的class[html]使用attr()方法来设置p元素的class，JQuery代码如下：[code]1 $(&p&).attr(&'class&, &high&); //设置p元素的class为 &high&大多数情况下，它是将原来的class替换为新的class，而不是在原来的基础上追加新的class。2 .another{ font-style: color: }后在网页中添加一个“追加class类”的按钮，按钮的事件代码如下：1 $(&#btn_3&).click(function(){2 $(&#nm_p&).addClass(&another&); // 追加样式3 });后当单击“追加class类”按钮时，p元素样式就会变为斜体，而先前的红色字体也会变为蓝色。此时p元素同时拥有两个class值，即&high&和&another&。在CSS中有以下两条规定。1.如果给一个元素添加了多个class值，那么就相当于合并了它们的样式。 2.如果有不同的class设定了同一样式属性，则后者覆盖前者。 在上例中，相当于给p元素添加了如下样式：复制代码代码如下:1 color : /* 字体颜色设置红色*/2 font-style:3 color:以上的样式中，存在两个“color”属性，而后面的“color”属性会覆盖前面的“color”属性，因此最终的“color”属性的值为“blue”，而不是“red”。移除样式 如果用户单击某个按钮时，要删除class的某个值，那么可以使用与addClass()方法相反的removeClass()方法来完成，它的 作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:复制代码代码如下:1 $(&p&).removeClass(&high&); //移除p元素中值为&high&的class果要把p元素的两个class都删除，就要使用两次removeClass()方法，代码如下：1 $(&p&).removeClass(&high&).removeClass(&another&);Query提供了更简单的方法。可以以空格的方式删除多个class名，代码如下：1 $(&p&).removeClass(&high another&);外，还可以利用removeClass()方法的一个特性来完成同样的效果。当它不带参数时，就会将class的值全部删除，JQuery代码如下：1 $(&p&).removeClass(); //移除p元素的所有class换样式 JQuery中有一个方法toggle()，JQuery代码如下：1 toggleBtn.toggle(function(){2 //元素显示 代码③3 }, function(){4 //元素隐藏 代码④5 })oggle()方法此处的作用是交替执行代码③和代码④两个函数，如果元素原来是显示的，则隐藏它：如果元素原来是隐藏的，则显示它。此时，toggle()方法主要是控制行为上的重复切换。另外JQuery还提供了一个toggleClass()方法控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。例如对p元素进行toggleClass()方法操作。复制代码代码如下:1 $(&p&).toggleClass(&another&); //重复切换类名“another”不断单击“切换样式”按钮时，p元素的class的值就会在“myClass”和“myClass another”之间重复切换。判断是否含有某个样式 hasClass()可以用来判断元素中是甭含有某个class，如果有，则返回true，否则返回false。例如可以使用下面的代码来判断p元素中是否含有“another”的class：复制代码代码如下:1 $(&p&).hasClass(&another&);个方法是为了增强代码可读性面产生的。在JQuery内部实际上是调用了is()方法来完成这个功能的．该方法等价于如下代码：复制代码代码如下:view sourceprint? 1 $(&p&).is(&.another&); //is(&.&+class);
采纳率：100%
为您推荐：
其他类似问题
js脚本的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。js\jquery 控制img里的属性显示和隐藏问题
js\jquery 控制img里的属性显示和隐藏问题
代码大体如：&img&&msg=&&span class=red&&strong&大虾帮帮忙a!&/strong&&/span&&span class='coinshow' style='display:'&哪位大虾帮帮忙啊！！！&/span&& gid=&& class=&img_mar& src=&image/2042.gif& style=&cursor:&/&
提示：函数moveTest()是悬浮框的显示/隐藏效果，&&msg属性是自定义的，就是悬浮框里显示的内容。& &
问题： 我想用js/jquery来控制悬浮框中 class='coinshow' 的隐藏和显示！
注明：在线急等！！！！
昵称: zyx &时间:
昵称: kisshe &时间:
昵称: zyx &时间:
昵称: Fising &时间:
昵称: king &时间:
昵称: theegg &时间:
昵称: chenyun702 &时间:
昵称: saviour1000 &时间: