Blog


01

Apr 2016

get HTML content by jQuery

jQuery contains powerful methods for changing and manipulating HTML elements and attributes. Get Content – text(), html(), and val() Three simple, but useful, jQuery methods for DOM manipulation are: text() – Sets or returns the text content of selected elements html() – Sets or returns the content of selected elements (including HTML markup) val() – Sets or returns the value of form fields OUTPUT: This...

Read More


01

Apr 2016

jQuery Method Chaining

With jQuery, you can chain together actions/methods. Chaining allows us to run multiple jQuery methods (on the same element) within a single statement. OUTPUT: jQuery is fun!! Click me


01

Apr 2016

Stroke Properties in SVG

SVG Stroke Properties SVG offers a wide range of stroke properties. In this chapter we will look at the following: stroke stroke-width stroke-linecap stroke-dasharray All the stroke properties can be applied to any kind of lines, text and outlines of elements like a circle.   SVG stroke Property The stroke property defines the color of a line, text or outline of an element. Here the...

Read More


01

Apr 2016

Text Editing in SVG

SVG Text – <text> The <text> element is used to define a text. Here the SVG code : Output :  Example 2 Rotate the text. Here the SVG code : Output : Example 3 Text as a link (with the <a> element). Here the SVG code : Output : I love SVG!  


01

Apr 2016

Defining path in SVG

SVG Path – <path> The <path> element is used to define a path. The following commands are available for path data: M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bézier curve T = smooth quadratic Bézier curveto A = elliptical Arc Z = closepath Note: All of the commands...

Read More


01

Apr 2016

How to create a Polyline in SVG

SVG Polyline – <polyline> Example 1 The <polyline> element is used to create any shape that consists of only straight lines. Here the SVG code : Output : Example 2 Another example with only straight lines. Here the SVG code : Output :


01

Apr 2016

How to create polygon in SVG

SVG Polygon – <polygon> The <polygon> element is used to create a graphic that contains at least three sides. Polygons are made of straight lines, and the shape is “closed” (all the lines connect up). Example 1 The following example creates a polygon with three sides.Here is the SVG code: Output : Code explanation: The points attribute defines the x and y coordinates for each...

Read More


31

Mar 2016

Animation in jQuery?

Animation is another jquery effect that used to animate html elements by using animate(). We can create our customize animation. Syntax : $(selector).animate({params},speed,callback); OUTPUT : Start Animation By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!


31

Mar 2016

jQuery slideToggle() Method

he jQuery slideToggle() method toggles between the slideDown() and slideUp() methods. If the elements have been slid down, slideToggle() will slide them up. If the elements have been slid up, slideToggle() will slide them down. $(selector).slideToggle(speed,callback); OUTPUT : Click to slide the panel down or up Hello world!


31

Mar 2016

jQuery slideUp() Method

The jQuery slideUp() method is used to slide up an element. Syntax: $(selector).slideUp(speed,callback);



Page 20 of 28« First...10...1819202122...Last »