Control CSS via JavaScript or jQuery -

-

I am looking for a way to control CSS for a particular item on hover. Since this is not a straight element in the original element, I can not use CSS. 

  & lt; Article class = "portfolio-item web" & gt; & Lt; A data-rel = "prettyPhoto" href = "http://vimeo.com/34266952" & gt; & Lt; Img src = "http: //localhost/wordpress/wp-content/themes/dewuske/images/portfolio/introspection.jpg" alt = "" & gt; & Lt; Span class = "generic beacon isotope" & gt; & Lt; Span class = "bacon continent" & gt; & Lt; Span class = "beaconbar" & gt; & Lt; / Span & gt; & Lt; Span class = "biconcratch 1" & gt; & Lt; / Span & gt; & Lt; Span class = "beaconCircle2" & gt; & Lt; / Span & gt; & Lt; Span class = "beacontext" & gt; Introspection & lt; / Span & gt; & Lt; / Span & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Article & gt;

I am trying to hover over the beacon container and affect the image. It should work like a rollover, that is, I am trying to complete in CSS: 

  -Vibit-transform: scale (10); -MOZ-transform: scale (10); -o-results: scale (10); -mms-conversion: scale (10); Consequently: scale (10); -M-filter: "Progress: DXimage Transforms. Microsoft. Alpha (Opacity = 0)"; Filters: alpha (opacity = 0); Opacity: 0; Transition: All 1s easily 0s; Transit Property: All; Transition period: 1s; Transition-time-function: easy; Transition-Delay: 0S; }

How would I go about doing this? I know very little javascript or jQuery or how to call events from them, especially this way. Thanks

JQuery provides several methods that can be useful to you.

You can use the method to manually set CSS or use more methods about how to manually implement CSS classes elements (this would be my preferred method) Reactions on user incidents such as mouse overs, etc.

NB: This is a jQuery solution of an special problem presented by your query.


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

lua - HowTo create a fuel bar -

-
I would like to create a fuel bar (empty with full tank). When the user touches the screen, the fuel once Dairejh these is my code: lifeBar = display.newImage ( "fuel_bar1.png") lifeBar.anchorX = 0 lifeboats. ======================== Lifetime Y = 37 screens Group: The Insert function (called Laifbar) However, I fuel Kansmoshn (equivalent to "pressed" variable to reduce the fuel tank "true") Have used. When pressed == is true, it means that the user is touching the screen: processed (fuel) processed () if life & gt; 0 and pressed == true remains = life - life 1 Life = life =. Wide-1 remains Value.text = string.format ("% d", life) End of this This function is active as the entrance event: runtime: addEventListener ( "Antrfrem" fuel Snsadna) it is very well, but my question is: pressed variable each time 5 seconds (once = = True) How is it possible to reduce the vitality width? I tried to add it to my touch even...
Read more