Create a Read More Read Less Button

W3 HTML CSS Courses Tutorials July 04, 2022

How To Create Best Read More Read Less Button

Learn how to form a Read more - read less button with JavaScript. add Read More Read Less Button using JavaScript. this is often often JUST a simple PEN which can TELL you ways to make READ MORE and skim LESS BUTTONS USING JQUERY. a really lightweight and cross-browser JavaScript library that truncates text by words and show / hide text blocks with Read More and skim

Show More

w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses w3htmlcsscourses

<div id="page">
<div class="block showmore_one">
<h2>
Download Mp3 List</h2>

#page {
    width:100%;
    margin:0 auto;
    padding-top:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.block {
    border:1px solid #ddd;
    line-height:18px;
    font-size:15px;
    padding:15px;
    margin:0 0 20px 0;
}
.block h2 {
    color:#EF4034;
    border-bottom:2px solid #ddd;
    font-size:20px;
    font-weight:bold;
    padding-bottom:8px;
    margin:0;
    margin-bottom:20px;
}
.block p {
    margin-bottom:20px;
}
/* Shore more styles */
 .showmore_content {
    position:relative;
    overflow:hidden;
}
.showmore_trigger {
    width:100%;
    height:45px;
    line-height:45px;
    cursor:pointer;
}
.showmore_trigger span {
    display:block;
}

$('.showmore_one').showMore({
    speedDown: 300,
    speedUp: 300,
    height: '70px',
    showText: '<b><font color="#52d660">Show more</font></b>',
    hideText: '<b><font color=" #FF5733 ">Show less</font></b>'
});

$('.showmore_two').showMore({
    speedDown: 300,
    speedUp: 300,
    height: '105px',
    showText: 'Show more',
    hideText: 'Show less'
});
//-->
</script>

jQuery Cross-platform Audio Player - MINI music Player

W3 HTML CSS Courses Tutorials December 02, 2020

Music Player Player is an easy-to-use jQuery plugin which helps you create a highly customizable mp3

HTML5 music player plugins, code & scripts on CodeCanyon HTML5 Mini Music Player With Playlist - WP Plugin jQuery Audio Player (Music), An audio player will tend to play an audio track directly, e.g. an MP3 or Ogg file, These jQuery Audio Player plugins are really useful and you can add them jQuery Audio Player plugins that will help you to play your favorite music to rapidly weave cross platform audio and video into your web pages

player on the html page.
Features:
Custom player controls.
Autoplay on page load.
Supports playlist and infinite loop.
Album cover is supported as well.
Mobile friendly.
Lots of customization options.

Basic usage:
1. Create a playlist and define the cover images, artists and musics as follows:

1

2. Add the following JavaScript and CSS files to the webpage.

2

3. Call the plugin on the top container to create a basic audio player.

Color Names

4. Customize the audio player with the following options.

4

5. Callback functions available.

Color Names

jQuery Cross-platform Audio Player - MINImusic Player

How TO Web Page JavaScript Progress Bar

W3 HTML CSS Courses Tutorials January 29, 2020

How TO Web Page JavaScript Progress Bar

A Progress Bar in HTML depicts the progress of any task which is being ... Your One Stop Solution to Build a Web Page, Here's how to accomplish a scroll progress bar that advances as you scroll though pages of a site. It's a nice way to convey a progress indicator for,

JavaScript Progress Bar

How To Create a Slideshow jQuery Image Slider Plugins

W3 HTML CSS Courses Tutorials July 09, 2019

jQuery Image Slider Plugins

responsive jQuery slideshow plugin that creates a full page image slider/carousel with CSS3 transitions and infinite loop support, A jQuery slider plugin to create an image carousel or slideshow that features autoplay, dynamic image loading, Camera slideshow is a jQuery plugin, that can also be used as a WordPress plugin. It comes with 33 build-in themes, Learn how to create a responsive slideshow with CSS and JavaScript. Slideshow / Carousel. A slideshow is used to cycle through elements: 1 / 4. Caption Text, SlidesJS is a responsive slideshow plug-in for jQuery with features like ... This is a jQuery plugin to create 360 degree product image slider.

wordpress and website

Create a Read More Read Less Button

Show More

jQuery Cross-platform Audio Player - MINI music Player

How TO Web Page JavaScript Progress Bar

JavaScript Progress Bar

How To Create a Slideshow jQuery Image Slider Plugins

Labels

Popular Posts

Facebook

Blog Archive

Subscribe Us